.burger-btn{padding:2px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:all .3s ease;z-index:1000;margin-left:80px;position:relative}.burger-btn .burger-span{width:25px;height:3px;background-color:rgb(226,226,226);transition:transform .3s ease}.burger-btn:hover .burger-span:first-child{transform:translateY(-3px)}.burger-btn:hover .burger-span:nth-child(2){transform:translateY(3px)}.centered-link{position:absolute;left:50%;transform:translateX(-50%);font-size:1.25rem;font-weight:100;z-index:1000}.sign-in{position:relative;margin-right:80px}.menu-overlay{position:fixed;top:0;left:-100vw;width:58vh;height:100vh;background:rgba(0,0,0,.5);backdrop-filter:blur(7px);display:flex;flex-direction:column;align-items:flex-start;padding:40px;color:white;z-index:100;transition:left .5s ease}.menu-overlay.active{left:0}.close-btn{font-size:38px;color:rgba(255,255,255,.817);cursor:pointer;margin-bottom:20px}.menu-content{display:flex;flex-direction:column;gap:20px;font-size:24px;text-transform:uppercase}.menu-item{color:white;text-decoration:none;transition:color .2s ease}.menu-item:hover{color:#ccc}.menu-footer{display:flex;flex-direction:column;gap:10px;font-size:16px;margin-top:40px}.footer-link{color:#999;text-decoration:none}.footer-link:hover{color:white}.dark-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:50;backdrop-filter:blur(4px)}@media (max-width:1300px){.menu-overlay{width:33vh}}@media (max-width:477px){.burger-btn{margin-left:0;padding-left:30px}.burger-btn .burger-span{width:28px;margin:1px;height:2px}.menu-overlay{width:100%}.centered-link{left:38%}.sign-in{margin-right:20px}.centered-link{transform:none}}