@font-face{font-family:oswald_regularregular;src:url(../fonts/oswald-regular.woff2) format("woff2"),url(../fonts/oswald-regular.woff) format("woff");font-weight:400;font-style:normal}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10%)}to{opacity:1;transform:translateY(0)}}@keyframes highlightBorder{0%{border-color:#ffffffbf}to{border-color:#fff0}}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;font-size:100%;outline:none!important}html{-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:oswald_regularregular,sans-serif;font-size:clamp(16px,3.5vmin,32px);line-height:clamp(16px,3.5vmin,32px);text-transform:uppercase;text-shadow:.0625rem .0625rem .125rem rgba(0,0,0,.5);color:#fff;position:relative;width:100%;height:100%;overflow:hidden}@media (max-width: 640px) and (max-height: 360px){html{min-width:640px;min-height:360px}}html body{font-family:inherit;width:inherit;height:inherit;margin:0}html body .background{background-color:#0f1923;position:absolute;left:0;top:0;width:100vw;height:100vh;z-index:0}html body .background:before{content:"";width:100%;height:100%;left:0;top:0;background-color:#0f1923bf;position:absolute;z-index:1}html body .background img{animation:fadeIn 1s ease-in-out;animation-fill-mode:forwards;filter:blur(5px);object-fit:cover;width:inherit;height:inherit;position:absolute;left:0;top:0}html body nav{height:10vh;height:10dvh;padding:.25rem .25rem 0rem;position:relative;z-index:1}html body nav ul{background-color:#ffffff1a;display:flex;align-items:center;padding:.5rem;margin:0;height:100%;list-style:none}html body nav ul li{height:100%;display:inline-flex;align-items:center}html body nav ul li a{color:inherit;cursor:pointer;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:0rem 1.5rem;height:100%;width:100%}html body nav ul li a.button{background-color:#3fc79566;border:.125rem solid #47ffbf;padding-bottom:.5rem;padding-top:.5rem;text-align:center}html body nav ul li a.button:hover{background-color:#3fc795;animation:highlightBorder .25s ease-in;animation-fill-mode:forwards}@media (max-width: 480px){html body nav ul li.options{display:none}}html body nav ul li.logo{align-items:center;display:inline-flex;margin:0rem auto 0rem 0rem;flex-wrap:wrap}@media (max-width: 480px){html body nav ul li.logo{display:none}}html body nav ul li.logo .title{display:flex;position:relative;width:100%}html body nav ul li.logo .title .version{animation:fadeUp .5s ease-in-out;animation-fill-mode:forwards;font-size:.5rem;padding:0rem .125rem;position:absolute;left:calc(100% + .125rem);top:-.125rem}html body nav ul li.logo a{display:block;font-size:.6rem;letter-spacing:.125em;height:initial;padding:0rem}@media (max-width: 480px){html body nav ul li.generate{display:flex;flex-grow:1}}html body .card{display:flex;flex-wrap:wrap;height:90vh;height:90dvh;width:100vw;overflow:hidden;padding:.125rem}html body .card .box{animation:fadeUp .5s ease-in-out;animation-fill-mode:forwards;opacity:0;width:20%;height:20%;padding:.125rem;position:relative}html body .card .box input{position:absolute;opacity:0}html body .card .box input:checked~span{background-color:#3fc79566;border-color:#47ffbf}html body .card .box input:checked~span:hover{background-color:#3fc795;animation:highlightBorder .25s ease-in;animation-fill-mode:forwards}html body .card .box span{background-color:#ffffff1a;border:.125rem solid transparent;cursor:pointer;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:.5rem;text-align:center}html body .card .box span:hover{background-color:#3fc795;animation:highlightBorder .25s ease-in;animation-fill-mode:forwards}html body .popup{display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:100vw;height:100vh;z-index:1;opacity:0;pointer-events:none;transition:all .25s ease-in-out}html body .popup.active{opacity:1;pointer-events:all}html body .popup .popup-background{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#0f1923f2}html body .popup .popup-background:before{content:"x";font-size:200%;position:absolute;top:0;right:0;width:12.5vh;height:12.5vh;display:flex;align-items:center;justify-content:center;cursor:pointer}html body .popup .content{background-color:#ffffff1a;display:inline-block;height:75vh;overflow-y:scroll;padding:2rem;position:relative;z-index:1}html body .popup .content h2{font-weight:400;margin:0}html body .popup .content ol{text-decoration:none;padding:0rem 0rem 0rem auto}html body .popup .content ol li a{color:inherit;text-decoration:none;border-bottom:.125rem dashed #fff}html body .popup input[name=option]{background-color:#ffffff1a;border-color:transparent;color:#fff;padding:1rem;font-family:inherit;width:75%;font-size:inherit;outline:none;text-transform:uppercase}html body .popup button[name=submit]{background-color:#3fc79566;border:.125rem solid #47ffbf;color:inherit;padding:1rem 0rem;font-family:inherit;width:25%;font-size:inherit;outline:none;text-transform:uppercase;cursor:pointer}html body .popup button[name=submit]:hover{background-color:#3fc795;animation:highlightBorder .25s ease-in;animation-fill-mode:forwards}