body{background-color: #f0bd16; font-family: tahoma, sans-serif;}
nav{background: rgb(32,221,143); background: linear-gradient(90deg, rgba(32,221,143,0.44009322478991597) 30%, rgba(0,180,255,0.28323047969187676) 61%); border-radius: 15px; padding-top: 5px; padding-bottom: 5px;}
ul{list-style-type: none;}
nav ul li {padding: 10px; background-color: maroon; margin-bottom: 10px; margin-right: 40px; text-align: center; border-radius: 15px;}
a:link{color: white;}
a:visited{color: red;}
a:hover{background-color: purple;}
a:active{color: yellow;}
#flex_species{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
#grid_columns{display: grid; grid-template-columns: 25% 75%;}
#grid_species{display: grid; grid-template-columns: 33% 33% 34%; grid-template-rows: 50% 50%;}
@media (max-width: 699px){
body{font-size: 70%;}
}
@media (min-width: 700px){
body{font-size: 90%;}
main{margin-left: 15px;}
#flex_columns{display: flex; justify-content: space-between;}
}
@media (min-width: 1000px){
body{font-size: 105%;}
#wrapper{margin: auto;}
}