@font-face{font-family:yekan;src:url(fonts/Yekan.woff)}html{box-sizing:border-box;height:100%;margin:0}body{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0;font-family:"Yekan","Courier New",Courier,monospace}.number-span{font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}.wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;border:.1rem solid #aaa;border-radius:.5rem;padding:2rem;padding-top:0;background-color:rgba(170,170,170,.6);text-align:center}.logo{display:block;height:15rem;width:15rem;background-repeat:no-repeat}form{display:flex;flex-direction:column;min-width:50%}button{border:.1rem;font-family:yekan;width:100%;padding:.5rem;margin-top:.5rem;border-radius:.3rem}button:hover{background-color:#2f97ff}button:active{background-color:buttonface}input[type=text]{box-sizing:border-box;width:100%;margin:0;padding:.8rem;border:.1rem;border-radius:.3rem;outline:none}a{margin-top:.5rem;font-weight:bold;text-decoration:none;color:#2f97ff}a:visited{color:#2f97ff}a:hover{color:#e9ab37}#result-logo{width:5rem;height:5rem}#result-title.success{color:#adff2f}#result-title.fail{color:red}#result-title.warning{color:orange}.flx-container{display:flex;flex-direction:column;align-items:center}.hide{display:none}ul{align-self:center;width:-moz-max-content;width:max-content;padding:0rem}ul li:nth-child(even){background-color:#575757}ul li{display:flex;flex-direction:row;justify-content:space-between;background-color:#aaa}ul li span{margin-left:1rem;margin-right:1rem}.loading-animation{animation:1.5s loading-animation ease-out forwards infinite}.loading-animation-once{animation:1.5s loading-animation-once ease-out forwards}.opacity-animation{animation:1.5s loading-animation-once ease-out forwards}@keyframes loading-animation{0%{opacity:0;transform:translateY(80%)}20%{opacity:0}50%{opacity:1;transform:translateY(0%)}70%{opacity:1;transform:translateY(0%)}100%{opacity:0;transform:translateY(-80%)}}@keyframes loading-animation-once{0%{opacity:0;transform:translateY(80%)}20%{opacity:0}50%{opacity:1;transform:translateY(0%)}}@keyframes opacity-animation{0%{opacity:0}20%{opacity:0}50%{opacity:1}}@media(prefers-color-scheme: light){body{background-color:#fff;color:#000}.logo{background-image:url(logo.svg)}.number-span{color:#ff5e00}}@media(prefers-color-scheme: dark){body{background-color:#000;color:#fff}.logo{background-image:url(darklogo.svg)}.number-span{color:#e9ab37}}