body{
background-color: #0ecaf0; 
font-family: helvetica, sans-serif;
}

h1{
font-size: 35px;
transform: scaley(1.3);
}

nav{
background-image: url(images/great_lakes_background.jpg); 
background-repeat: no-repeat;
}

ul{
list-style-type: none;
}

table{
border: 1px solid black; 
border-collapse: collapse;
margin-left: 30px;
}

td{
border: 1px solid black; 
border-collapse: collapse; 
padding: 10px;
}

#lake_data_table tr:nth-of-type(2){
background-color: #fafcfb;
}

#lake_data_table tr:nth-of-type(3){
background-color: #c2c4c3;
}

#lake_data_table tr:nth-of-type(4){
background-color: #fafcfb;
}

#lake_data_table tr:nth-of-type(5){
background-color: #c2c4c3;
}

#lake_data_table tr:nth-of-type(6){
background-color: #fafcfb;
}

#lake_data_table tr:nth-of-type(7){
background-color: #c2c4c3;
}

nav ul li{
padding: 10px; 
background-color: lightgreen; 
margin-bottom: 15px; 
margin-right: 15px; 
text-align: center; 
border-radius: 10px;
}

a:hover{
color: red;
}

a:active{
color: orange;
}

#lake_table_name{
font-weight: bold; 
font-size: 1.3em; 
text-align: center;
}

.lake_data{
text-align: center;
}

#lake_info{
margin-left: 30px;
}

.form_heading{
margin-left: 30px; 
font-weight: bold; 
font-size: 1.3em;
}

#home_page_intro{
margin-left: 30px;
}

#return{
background-color: yellow;
padding: 5px;
border-radius: 10px;
}

@media (max-width: 699px){

body{
font-size: 80%;
}

h1{
text-align: center;
}

#form_table{
margin-left: 5px;
}

#lake_data_table{
margin-left: 100px;
}

#return{
width: 125px;
}
}

@media (min-width: 700px){

#wrapper{
margin: auto;
}

#grid{
display: grid; 
grid-template-columns: 30% 70%;
}

#return{
width: 155px;
}
}