.navbar { 
    background-color: rgba(240, 248, 255, 0.485);
    max-width:100%;
    max-height: auto;
    border-radius: 0px;
   
  } @media screen and (max-width:780px) {
    .navbar{max-height: fit-content;}
  }
 
.navbar:hover {
box-shadow: 0 10px 800px 0 rgba(9, 9, 9, 0.863);}
 
.nav {
float: left;
padding: .5%;
text-decoration: none;
font-optical-sizing: auto;
color: #0a0d13; 
font-family: "Crimson Pro", serif;
font-size: 18px;
font-optical-sizing: auto;
font-weight:500;
font-style: normal;
 
 } @media screen and (max-width: 780px) {
  .nav {
    float: none;
  }
}