nav{.link{position:relative;color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease-in-out}.link:after{content:"";display:block;width:0;margin:auto;height:2px;background:#f1eded;transition:width .3s ease-in-out}.link:hover:after{width:100%}}.logo-container{position:relative;width:60px;height:40px;display:flex;align-items:center;justify-content:center}.logo-svg{width:100%;height:100%;max-width:60px}.cls-1,.cls-2{fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-width:8px}.cls-1{stroke-dasharray:220;stroke-dashoffset:-220;animation:firstLine 3s ease-out 0s infinite normal}.cls-2{stroke-dasharray:300;stroke-dashoffset:-300;animation:secondLine 3s ease-out 0s infinite normal}@keyframes firstLine{0%{stroke-dashoffset:-220}40%{stroke-dashoffset:0}60%{stroke-dashoffset:0}85%{stroke-dashoffset:220}to{stroke-dashoffset:220}}@keyframes secondLine{0%{stroke-dashoffset:-300}45%{stroke-dashoffset:0}60%{stroke-dashoffset:0}90%{stroke-dashoffset:300}to{stroke-dashoffset:300}}@media (max-width:768px){.logo-container{width:50px;height:35px}}.logo-container:hover .cls-1,.logo-container:hover .cls-2{stroke:#60a5fa}.dark .cls-1,.dark .cls-2{stroke:#ffffff}.dark .logo-container:hover .cls-1,.dark .logo-container:hover .cls-2{stroke:#60a5fa}