@import url(https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap);:root{--dark:#202040;--dark-accent:#543864;--light:#fff;--light-accent:#ccc;--theme:#ff6363;--theme-accent:#ffbd69;--dark-1:#261c2c;--dark-accent-1:#3e2c41;--light-1:#fff;--light-accent-1:#aaa;--theme-1:#6e85b2;--theme-accent-1:#5c527f}*{margin:0;padding:0;border:none;outline:none;box-sizing:border-box;color:inherit;font:inherit;transition:.2s}body{font-family:"Atkinson Hyperlegible",sans-serif}h1{font-size:3em}h2{font-size:2.1em}h3{font-size:1.2em}b,h1,h2,h3,h4,h5,h6,strong{font-weight:700}button,input,select,textarea{background:transparent}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.5}textarea{height:125px}button{cursor:pointer}a{text-decoration:none}img{max-width:100%;max-height:100%}svg{width:1em;height:1em}.app-form .form-row{margin-top:1em;-webkit-animation:app-form-row .6s ease-in-out;animation:app-form-row .6s ease-in-out}.app-form .form-row:first-child{margin-top:0}@-webkit-keyframes app-form-row{0%,66%{opacity:0;transform:translateY(10%)}}@keyframes app-form-row{0%,66%{opacity:0;transform:translateY(10%)}}.app-form .form-error-row{margin-bottom:2em;padding:.5em 1em;overflow:hidden;background:var(--dark-accent);border-radius:.5em;border:1px solid #dc143c;color:#dc143c;-webkit-animation:form-error-row-in .2s ease-in-out;animation:form-error-row-in .2s ease-in-out}@-webkit-keyframes form-error-row-in{0%{opacity:0}}@keyframes form-error-row-in{0%{opacity:0}}.app-form .form-field,.app-form .form-submit-button{display:block;width:100%;border-radius:.5em}.app-form .form-field{padding:.75em 1em;resize:none;background:var(--dark-accent);border:1px solid rgba(0,0,0,.06666666666666667);color:var(--light)}.app-form .form-field:focus{transform:scale(1.01);background:var(--light);border-color:var(--theme-accent);box-shadow:inset 0 0 0 1px var(--theme-accent);color:#000}.app-form .form-submit-row{margin-top:2em;-webkit-animation:app-form-submit-row .6s ease-in-out;animation:app-form-submit-row .6s ease-in-out}@-webkit-keyframes app-form-submit-row{0%,66%{opacity:0;transform:translateY(50%)}}@keyframes app-form-submit-row{0%,66%{opacity:0;transform:translateY(50%)}}.app-form .form-submit-button{height:3em;padding:0;background:var(--theme);color:var(--light)}.app-form .form-submit-button:focus,.app-form .form-submit-button:hover{transform:scale(1.01);background-color:var(--theme-accent);color:var(--dark)}@media (max-width:500px){.app-form:before{content:"";flex:1 1}.app-form .form-row{margin-top:2em}.app-form .form-field{padding:1em}.app-form .form-submit-row{flex:2 1;display:flex;align-items:flex-end}}#app{position:fixed;top:0;left:0;overflow:auto;background-image:linear-gradient(to bottom right,var(--theme),var(--theme-accent));background-attachment:fixed;color:var(--light);flex-direction:column}#app,#app-error{width:100%;height:100%;display:flex}#app-error{justify-content:center;align-items:center}#app-error .error-wrp{padding:1em;background:var(--dark-accent);border-radius:.5em;border:2px solid #dc143c;text-align:center}#app-error button{color:var(--theme);font-weight:700}#app-error button:focus,#app-error button:hover{text-decoration:underline;color:var(--theme-accent)}#app-body{flex:1 1;padding:2em 0}.app-content{max-width:400px;margin:auto;padding:2em;background:var(--dark);border-radius:.5em;box-shadow:0 0 10px -3px var(--dark-accent);color:var(--light);-webkit-animation:app-content-in .2s ease-in-out;animation:app-content-in .2s ease-in-out}@-webkit-keyframes app-content-in{0%{opacity:0;transform:translateY(20px)}}@keyframes app-content-in{0%{opacity:0;transform:translateY(20px)}}.app-content h2{position:relative;text-align:center;-webkit-animation:app-content-h2-in .4s ease-in-out;animation:app-content-h2-in .4s ease-in-out}@-webkit-keyframes app-content-h2-in{0%,50%{opacity:0;transform:scale(1.2)}}@keyframes app-content-h2-in{0%,50%{opacity:0;transform:scale(1.2)}}.app-content h2 a{position:absolute;left:0;top:50%;transform:translateY(-50%);padding:.25em;border-radius:50%;font-size:.75em;display:flex}.app-content h2 a:focus,.app-content h2 a:hover{background:var(--dark-accent)}.app-content-body{margin-top:2em;padding-top:2em;border-top:1px solid var(--dark-accent)}.app-foot{margin-top:2em;text-align:center;-webkit-animation:app-foot-in .8s ease-in-out;animation:app-foot-in .8s ease-in-out}@-webkit-keyframes app-foot-in{0%,75%{opacity:0}}@keyframes app-foot-in{0%,75%{opacity:0}}.app-foot-text a{color:var(--theme);font-weight:700}.app-foot-text a:focus,.app-foot-text a:hover{text-decoration:underline;color:var(--theme-accent)}@media (max-width:500px){#app-body{padding:0}.app-content{max-width:none;height:100%;padding:1.5em;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.app-content h2{font-size:1.75em}.app-content-body{flex:1 1;margin-top:1.5em;padding-top:1.5em;display:flex;flex-direction:column;justify-content:space-between}.app-foot{margin-top:1.5em}}@media (max-width:359px){#app{font-size:.9em}}#header{padding:2em;display:flex;justify-content:center;align-items:center}#header .app-name{color:var(--dark);font-size:2em;-webkit-animation:app-name-in .2s ease-in-out;animation:app-name-in .2s ease-in-out}@-webkit-keyframes app-name-in{0%{opacity:0}}@keyframes app-name-in{0%{opacity:0}}#header .logout-btn{width:100px;height:40px;margin-left:50px;padding:.5em 1em;background:var(--dark);border-radius:.5em;color:var(--light);-webkit-animation:logout-btn-in .2s ease-in-out;animation:logout-btn-in .2s ease-in-out}#header .logout-btn:focus,#header .logout-btn:hover{background:var(--dark-accent)}@-webkit-keyframes logout-btn-in{0%{opacity:0;transform:scale(.5)}}@keyframes logout-btn-in{0%{opacity:0;transform:scale(.5)}}#header .logout-btn .loader{font-size:.75em}@media (max-width:500px){#header{padding:1em 1.5rem;justify-content:space-between}#header .app-name{height:40px;font-size:1.25em;line-height:40px}#header .logout-btn{width:80px;margin-left:0}}.loader{width:100%;height:100%;flex:1 1;display:flex;justify-content:center;align-items:center}.loader span{width:.5em;height:.5em;margin:0 .25em;background:var(--light);border-radius:50%;-webkit-animation:loader 1s ease-in-out infinite;animation:loader 1s ease-in-out infinite}.loader span:nth-child(2){-webkit-animation-delay:.15s;animation-delay:.15s}.loader span:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes loader{0%,40%{transform:none}20%{transform:translateY(-.5em)}}@keyframes loader{0%,40%{transform:none}20%{transform:translateY(-.5em)}}
/*# sourceMappingURL=main.011e421a.chunk.css.map */