body{
background:background: background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.9598433123249299) 0%, rgba(4,4,4,0.40802258403361347) 53%, rgba(255,255,255,0) 100%),url(island.jpg);
background-size: 1520px;
background-repeat: no-repeat;
background-position: center;
}



h1{
    
text-align: center;
word-spacing: 5px;
font-size: 60px;
padding-top: 50px;
font-family: sans-serif;
font-weight: 500;
text-decoration: underline 2px;
color: aliceblue;  animation: 
}

p{
 text-align: center;  
 font-size: 25px;
  font-family: sans-serif;
 font-weight: 200;
color: aliceblue
}


ul{
display: flex;
text-align: center;
margin-left: 350;
padding-top: 50px;




}

ul li{
    margin-left: 60px;
    list-style: none;
    font-size: 20; 
    font-family: sans-serif;
   
}


ul li a{
    
text-decoration: underline;
color: white;
transition: 1s;
    
}

ul li:hover a{
   text-decoration: overline; 
    color:aquamarine;
    
    
}




@media only screen and (max-width:1215px){
    
    ul{
text-align: center;
margin: 0px auto;
padding-top: 70px;




}

ul li{
    margin-left: 10px;
    list-style: none;
    font-size: 20; 
    font-family: sans-serif;
   
}


ul li a{
    
text-decoration: underline;
color: white;
transition: 1s;
    
}

ul li:hover a{
   text-decoration: overline; 
    color:aquamarine;
    
    
}
    
    
    
}