.background{z-index:-100;position:fixed;width:100%;height:100vh;contain:paint;background-size:cover;background-position:center}.nav-logo{background-image:url(/assets/logo-iOQJlBcr.png);background-size:contain;background-repeat:no-repeat;aspect-ratio:auto;contain:size layout}.layout{row-gap:1.5rem}@media screen and (min-width:1280px){.layout{row-gap:.75rem}}@media screen and (min-width:1440px){.layout{row-gap:1rem}}@media screen and (min-width:1600px){.layout{row-gap:1.5rem}}@media screen and (min-width:1920px){.layout{row-gap:2.25rem}}button{border:none;background:none;color:var(--color-gray);cursor:pointer;transition:color .2s ease}button:hover{color:var(--color-yellow)}.fill svg path{transition:fill .2s ease}.fill:hover svg path{fill:var(--color-yellow)}.stroke svg path{transition:stroke .2s ease}.stroke:hover svg path{stroke:var(--color-yellow)}.footer-home{justify-content:space-between}.footer-servers{justify-content:flex-end}.recentServer{transition:transform .5s,box-shadow .5s,background .5s ease-out}.recentServer:hover{background:#454545cc;box-shadow:6px 6px #00000026;transform:translate(-4px);transition:transform .5s,box-shadow .5s,background .5s ease-out}.server{transition:transform .5s,box-shadow .5s,background .5s ease-out}.server:hover{background:#45454599;box-shadow:6px 6px #00000026;transform:translate(-4px);transition:transform .5s,box-shadow .5s,background .5s ease-out}.connect-btn{border:2px solid rgba(147,115,36,.9)}input{text-shadow:none;transition:background-color .5s ease}input:focus{background-color:#dcdcdc;transition:background-color .5s ease}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px rgba(199,199,199,.9) inset!important}