.backBox{width:6rem;height:8rem;z-index:1;display:flex;align-items:center;justify-content:center}.centerLetter:active{background-color:#ffffffbf;width:3.8rem;height:5.8rem;transition:.05s}.centerLetter{color:#222;cursor:pointer;background-color:#ffffffb3;font-size:2rem;border-radius:1rem;width:4rem;height:6rem;transition:.2s;display:flex;align-items:center;justify-content:center}.centerLetterSmall{background-color:#ffffff80;color:#222;font-size:1.75rem;width:100%;height:100%;width:3.5rem;height:5.5rem;border-radius:1rem;transition:.1s;display:flex;align-items:center;justify-content:center}.popin-enter-from{opacity:1}.popin-enter-active{transition:opacity .5s ease}@font-face{font-family:Material_Icons;src:url(/assets/Material_Icons-CcRdsBas.woff2) format("woff2");font-weight:400;font-style:normal}.arrowHolder{display:flex;align-items:center;justify-content:center;height:100px;font-size:50px}i{font-family:Material_Icons;font-style:normal}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;text-align:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;position:fixed;top:0;bottom:0;left:0;right:0;margin:0;padding:0;transition:var(--transition-time);color:var(--off-white);line-height:1.6;font-size:15px;background:linear-gradient(-45deg,var(--gradient-three),var(--gradient-four),var(--gradient-one),var(--gradient-two));background-size:400% 400%;animation:gradient 60s ease infinite}#genButton{background-color:#ffffffb3;color:#222;width:10rem;height:var(--button-height);cursor:pointer;border-radius:2rem;font-size:1.5rem;line-height:var(--button-height);transition:.2s}#genButton:active{background-color:#ffffffd9;transition:.05s;width:9.5rem;height:2.75rem;line-height:2.75rem;margin:.125rem 0}.hitsBox,.generalBox{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.animateIn{animation-timing-function:cubic-bezier(.53,.26,.29,1.31);animation-name:animate-pop;animation-duration:1s}.hitsBox{flex-direction:row}.generalBox{flex-direction:column;gap:1rem}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slidecontainer{width:100%;max-width:500px}.slider{z-index:2;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;max-width:500px;height:4px;background:#d3d3d3;outline:none;opacity:.8;-webkit-transition:var(--transition-time);transition:opacity var(--transition-time);margin:10px 0 20px}#genButton:hover{transition:.2s;background-color:#fffc}.slider::-webkit-slider-thumb{z-index:2;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--slider-color);cursor:pointer;border-radius:50%}.slider::-moz-range-thumb{z-index:2;width:20px;height:20px;background:var(--slider-color);cursor:pointer;border-radius:50%}.textInput{background-color:#fff;border:0px solid black;font-size:26px;font-weight:700;width:70px;transition:var(--transition-time);background-color:#0000;color:#fff}h1{font-size:20px;font-weight:400}.slideAndLabel{display:flex;flex-direction:row;align-items:center}@keyframes animate-pop{0%{opacity:0;transform:scale(.95);transform:translateY(20px)}to{opacity:1;transform:scale(1);transform:translate(0)}}:root{--blue-general: #2471a3;--blue-dark: #1c5a82;--slider-color: #d3d3d3;--transition-time: .2s;--button-height: 3rem;--gradient-one: rgb(2, 48, 32);--gradient-two: rgb(3, 56, 37);--gradient-three: rgb(2, 35, 23);--gradient-four: rgb(1, 18, 12);--off-white: #d9d7d7}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}