body{font-family:Atkinson Hyperlegible Mono,serif;text-transform:uppercase;background-color:#06050c;color:#e7e2db}.inactive{color:#999793;font-size:2.5em}.active{color:#dfa3fc;font-size:6rem;text-shadow:0px 0px 40px rgb(223,163,252);transition:text-shadow .35s ease-in-out}.row{display:flex;justify-content:space-around;align-items:center;margin:1em}.big{font-size:1.5em}button{font-family:Atkinson Hyperlegible Mono,serif;text-transform:uppercase;cursor:pointer;color:#e7e2db;background-color:transparent;padding:1em;border:1px white solid;border-radius:10px;transition:all ease-in-out .15s}button:hover{background-color:#955caf;border-color:#955caf;transition:all ease-in-out .15s}input{font-family:Atkinson Hyperlegible Mono,serif;color:#e7e2db;background-color:transparent;padding:1em;border:1px white solid;border-radius:10px;transition:all ease-in-out .15s;margin-left:2em}input:focus{border:1px rgb(149,92,175) solid;outline:none}.progress-number{position:absolute;text-align:center;width:100%;height:100%;font-size:8rem;top:0;left:0;display:flex;justify-content:center;align-items:center;font-weight:700;z-index:100}.mono{font-family:Atkinson Hyperlegible Mono,serif}.progress-circle{height:100%;width:100%;text-align:center}
