:root{--bg-color:#1a1a1a;--text-color:#eee;--alt-text-color:#aaa;--dark-text-color:#222;--max-width:30rem;--system-font-fam:system-ui,-apple-system,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif}html{background-color:#1a1a1a;background-color:var(--bg-color);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='%23202020' fill-rule='evenodd'%3E%3Ccircle cx='14.5' cy='34.5' r='2.5'/%3E%3Ccircle cx='24.5' cy='34.5' r='2.5'/%3E%3Ccircle cx='34.5' cy='24.5' r='2.5'/%3E%3Ccircle cx='24.5' cy='24.5' r='2.5'/%3E%3Ccircle cx='14.5' cy='14.5' r='2.5'/%3E%3Ccircle cx='4.5' cy='14.5' r='2.5'/%3E%3Ccircle cx='4.5' cy='4.5' r='2.5'/%3E%3Ccircle cx='34.5' cy='4.5' r='2.5'/%3E%3C/g%3E%3C/svg%3E");background-size:40px;bottom:0;left:0;min-height:100%;right:0;top:0;z-index:-1}form{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto}form label{color:#aaa;color:var(--alt-text-color);display:block;font-family:monospace;margin-bottom:.25rem;text-align:left;width:100%}form input{background:none;border:2px solid #eee;border:2px solid var(--text-color);border-radius:0;color:#eee;color:var(--text-color);cursor:pointer;font-family:system-ui,-apple-system,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-family:var(--system-font-fam);font-size:1.2rem;font-weight:700;outline:none;padding:.85em .75em;text-transform:uppercase;-webkit-transition:border .3s ease,color .3s ease;transition:border .3s ease,color .3s ease}form input:disabled,form input:hover{border:2px solid #aaa;border:2px solid var(--alt-text-color);color:#aaa;color:var(--alt-text-color)}form input:focus{background-color:hsla(0,0%,100%,.1);-webkit-box-shadow:inset 0 0 0 2px #eee;box-shadow:inset 0 0 0 2px #eee;-webkit-box-shadow:inset 0 0 0 2px var(--text-color);box-shadow:inset 0 0 0 2px var(--text-color)}form input[type=text]{font-family:monospace;text-transform:none;-webkit-box-flex:1;-ms-flex:1;flex:1}form input[type=submit]{-webkit-box-flex:0;-ms-flex:0 1;flex:0 1;font-size:.8em;margin-left:.5rem}.button{-webkit-animation:add-status .35s ease-out backwards;animation:add-status .35s ease-out backwards;background:none;border:2px solid #eee;border:2px solid var(--text-color);border-radius:0;color:#eee;color:var(--text-color);cursor:pointer;display:inline-block;font-weight:700;outline:none;padding:.85em .75em;text-decoration:none;text-transform:uppercase;-webkit-transition:border .3s ease,color .3s ease;transition:border .3s ease,color .3s ease}.button:hover{border:2px solid #aaa;border:2px solid var(--alt-text-color);color:#aaa;color:var(--alt-text-color)}.alert{-webkit-animation:add-status .35s ease-out backwards;animation:add-status .35s ease-out backwards;background-color:#ededed;-webkit-box-shadow:0 5px 50px hsla(0,0%,100%,.3);box-shadow:0 5px 50px hsla(0,0%,100%,.3);color:#222;color:var(--dark-text-color);font-family:monospace;margin:1.25rem auto;max-width:30rem;max-width:var(--max-width);padding:1.25rem;position:absolute;text-align:center;width:calc(100% - 4rem)}.alert.success{background-color:#48c9b0;-webkit-box-shadow:0 5px 50px rgba(73,202,177,.3);box-shadow:0 5px 50px rgba(73,202,177,.3)}.alert.failure,.alert.success{color:#eee;color:var(--text-color)}.alert.failure{background-color:#db4a30;-webkit-box-shadow:0 5px 50px rgba(220,75,49,.3);box-shadow:0 5px 50px rgba(220,75,49,.3)}.alert.remove{-webkit-animation:remove-status .35s ease-in forwards;animation:remove-status .35s ease-in forwards}.alert p{overflow-wrap:break-word;word-wrap:break-word;color:inherit;margin:0}.alert a{color:#eee;color:var(--text-color)}@-webkit-keyframes add-status{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}80%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes add-status{0%{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}80%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes remove-status{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:-1}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes remove-status{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:-1}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}:root{color-scheme:dark light}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body,html{height:100%}body{color:#eee;color:var(--text-color);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:system-ui,-apple-system,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-family:var(--system-font-fam);text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0}main{margin:0 auto;max-width:30rem;max-width:var(--max-width);padding:0 2rem;position:relative}h1{font-size:3em}h1,p{margin:5% auto;text-align:center}p{color:#aaa;color:var(--alt-text-color);font-family:monospace}.page-desc{text-align:justify}/*# sourceMappingURL=app.css.map */