@keyframes skew-x-shaking{0%{transform:skew(-15deg)}5%{transform:skew(15deg)}10%{transform:skew(-15deg)}15%{transform:skew(15deg)}20%{transform:skew(0)}to{transform:skew(0)}}@keyframes skew-y-shaking{0%{transform:skewY(-15deg)}5%{transform:skewY(15deg)}10%{transform:skewY(-15deg)}15%{transform:skewY(15deg)}20%{transform:skewY(0)}to{transform:skewY(0)}}.login-page{min-height:100dvh}.login-input{caret-color:#fff;color:#fff;background-color:#0000;border:0;outline:0;width:8em;font-size:1rem}.login-error{color:var(--error);animation:2s forwards skew-x-shaking}.login-container{border:1px solid #fff;flex-direction:column;gap:2px;padding:10px;display:flex}.input-container{gap:10px;display:flex}.login-button{background-color:var(--vintage-grape);color:#fff;cursor:pointer;border:none;margin:0;padding:0 10px;font-size:1.1rem;font-weight:700;position:absolute}.login-button:focus-visible{outline:1px solid #fff}:root{--vintage-grape:#56445d;--lilac-ash:#aba2ae;--error:#ff7f7f}html{font-family:Fira Code,JetBrains Mono,Source Code Pro,Ubuntu Mono,monospace}body{background-color:var(--vintage-grape);color:#fff;margin:0;padding:0}.flex-center{justify-content:center;display:flex}.flex-right{justify-content:right;display:flex}.flex-column{flex-direction:column}.align-center{align-items:center}.header{margin-bottom:0}.sub-header{margin:0;padding:0;font-size:large}.link{color:#fff}