body {
    margin: 0;
    min-height: 100vh;
    color: white;
    font-family: 'Sour Gummy', monospace;
    
        background-image: url("Africa.jpg");
    background-size: cover;       /* fills screen */
    background-position: center;  /* keeps it centered */
    background-repeat: no-repeat; /* no tiling */
    background-attachment: fixed; /* optional: parallax feel */

}

.hero2 {
    position: relative;
    background: white;
    color: black;
    max-width: 850px;
    margin: 80px auto;
    padding: 50px;
    border-radius: 20px;
    min-height: 600px;
}

.hero2 h1 {
    font-size: 64px;
    color: #F54927;
    position: absolute;
    top: -39px;
    left: 20%;
    font-family: "Nunito", serif;
    transform: translateX(-50%);
}

a {
    font-size: 20px;
}


.side-nav a {
    position: absolute;
    text-decoration: none;
    color: Blue;
}

.NorthAfrica  { left: 80px;  top: 150px; }
.WestAfrica  { left: 80px; top: 200px; }
.EastAfrica { left: 80px; top: 250px; }
.CentralAfrica { left: 80px; top: 300px; }
.SouthAfrica { left: 80px; top: 350px; }