body{
    margin: 0px;
}   

main{
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
   font-size: large;
}

/*centered logo on index.html*/

.logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }


h1{
text-align: center;
}



/*navbar*/

.navbar ul{
list-style-type: none;
background-color: rgb(151, 228, 252);
padding: 2px;
margin: 0px;
overflow: hidden;
border-radius: -0px 0px 25px 25px;
border:2px solid rgb(255, 255, 255);
}

.navbar a{
color: rgb(4, 0, 22);
text-decoration: none;
padding: 15px;
display: block;
text-align: center;
}

.navbar a:hover{
background-color: hsl(192, 100%, 85%);
}

.navbar li{
float: left;
}



/*background*/

body {
    background-image: url("images/");
    background-color: #154d61;
    background-size: 100vw 100vh;
       background-attachment: fixed;
       background-repeat: no-repeat;
       background-position: center;
       background-size: cover;
   }


   .logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }