body {
   background-color: rgb(21, 14, 33);
}
.nav {
    background-color: rgb(18, 10, 35);
    border-bottom: 2px solid blueviolet;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    gap: 15px;
  
}
.logo {
     width: 360px;
    max-width: 80%;
    height: auto;
}
.navlinks {
    gap: 15px;
    display: flex;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    margin-top: 10px;
}
.navlinks a {
    font-size: 17px;
    color: #aaa;
    text-decoration: none;
    transition: 100ms ease;
}
.navlinks a:hover {
    color: beige;
    scale: 1.2;

}