p {
    color: rgb(84, 209, 255);
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
h1 {
    color: aquamarine;
}
body{
    background-color: brown;
}
a {
    color: white;
    font-family: cursive;
    
}
.topnav {
    background-color: #333;
     overflow: hidden;
}
.topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

.topnav a:hover {
     background-color: #ddd;
     color: black;
}
.topnav a.active {
    background-color: #ecf725;
     color: rgb(8, 7, 7);
}
.active { 
 color: #ecf725;
}



/* .flexbox_test {
    display:flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    justify-content: space-evenly;
} */