#login{height:100svh;padding:var(--gap);gap:40px;display:grid;justify-content:space-around;align-items:center;grid-template-columns:1fr;grid-template-rows:.3fr repeat(2,2fr) 40px;grid-column-gap:0;grid-row-gap:var(--gap)}#login,#login #login-intro{display:flex;flex-direction:column}#login #login-intro{grid-area:2/1/3/2;gap:20px}#login #login-intro h2{text-align:center;color:var(--textColor)}#login #login-intro h2 b{color:var(--titleColor)}#login #login-intro #logo-container{width:170px;overflow:hidden}#login #login-intro #logo-container img{width:100%;-o-object-fit:contain;object-fit:contain}#login .glassWindow{width:100%;max-width:500px}#login .glassWindow .window{width:100%;grid-area:3/1/4/2}#login .glassWindow .window #login-form{width:100%;height:100%;display:flex;gap:var(--gap);flex-flow:column nowrap;justify-content:space-around;align-items:center}#login .glassWindow .window #login-form button,#login .glassWindow .window #login-form fieldset{width:100%}#login a{color:#fff;text-decoration:none;grid-area:5/1/6/2;display:flex;justify-content:center;align-items:center}#login a:hover{text-decoration:underline}