.nav__container{margin:0 auto;padding:10px 30px;display:flex;justify-content:space-between;align-items:center;position:absolute;width:100%;transition:background-color .5s ease-in-out}.nav__container svg{display:none;cursor:pointer}.list__container{display:flex;gap:20px}.list__container li{font-family:Poppins,Helvetica,Arial,Lucida,sans-serif;color:#fff;font-weight:500}.list__container li.active{font-weight:700}@media only screen and (max-width:768px){.nav__container svg{display:inline-block}.list__main{position:relative;width:80%;z-index:11111111111}.list__container{transition:all .5s;position:absolute;border-top:2px solid #6a5acd;background-color:rgba(0,0,0,.9);padding:30px;top:25px;left:0;right:0;display:flex;flex-direction:column;gap:20px;transform:scaleY(1);opacity:1;transform-origin:top}.hidden{transform:scaleY(0)}.list__container li{border-bottom:.5px solid hsla(0,0%,50%,.336);padding:10px 0}}