:root{color-scheme:light dark}body{font-family:Arial,Helvetica,sans-serif;color:light-dark(#4f4f4f, #dfdfdf);background-color:light-dark(white, black);margin:0}a{color:light-dark(#496a00, #bfd395)}a:focus{outline:1px dashed light-dark(#826940, #eacc96)}a:visited{color:light-dark(#444b36, #aab399)}@font-face{font-family:RubikMarkerHatch;src:url("RubikMarkerHatch.ttf")}.header{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;margin:0;width:100%;box-sizing:border-box;padding:1em 3em;align-items:center}@media only screen and (max-width: 100vh){.header{justify-content:center}}.header .clickable{display:flex;align-items:center;text-decoration:none}.header .logo{height:4em;margin-right:1em}.header .title{color:light-dark(#99635c, #ec8c7e);text-decoration:none;font-family:RubikMarkerHatch,Arial,Helvetica,sans-serif}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.error-text-color{color:light-dark(#8a0000, #5c0000)}.container{display:block;margin:auto;margin-top:5em;width:fit-content}.container .form{transition:.5s ease height;display:flex;flex-direction:column;width:22.5em;box-sizing:border-box;padding:3em;border-radius:.5em}.container .form label{color:#000;margin-top:2em;margin-bottom:.5em}.container .form .field{transition:.2s ease outline,.2s ease box-shadow;background-color:#fff;border:none;color:#000;border-radius:.5em;outline:none;outline-color:light-dark(#826940, #eacc96);padding:1em .5em;margin-bottom:2em}.container .form .field:focus{outline:2px solid light-dark(#826940, #eacc96);box-shadow:.5em .5em 2em rgba(0,0,0,.5)}.container .form .info{color:#000;display:none;width:100%}.container .form .submit{transition:.3s ease background-color,.3s ease box-shadow,.2s ease outline,.5s ease opacity;margin-top:2em;padding:1em .5em;border-radius:.5em;border:none;color:#fff;background-color:rgba(0,0,0,.75);cursor:pointer;box-sizing:border-box;outline:none}.container .form .submit:focus{outline:2px solid light-dark(#826940, #eacc96);box-shadow:0 0 1em rgba(0,0,0,.5)}.container .form .submit:hover{background-color:rgba(0,0,0,.7);box-shadow:0 0 1em rgba(0,0,0,.5)}@media(prefers-color-scheme: dark){.container .form{background:linear-gradient(60deg, rgb(40, 115, 41) 0%, rgb(213, 166, 0) 85%)}}@media(prefers-color-scheme: light){.container .form{background:linear-gradient(60deg, rgb(70, 198, 71) 0%, rgb(255, 199, 0) 85%)}}