body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Gothic-60;src:url(/HEBL-game/static/media/Gothic60-Regular.e2c76f39e1cfac6abd27.otf)}*{margin:0;padding:0}button{letter-spacing:1px}button,h1,p{font-family:Gothic-60;text-transform:uppercase}h1,p{font-style:normal;font-weight:400}.x-Game,.x-StartPage{background-color:#c3e2fd;min-height:100vh;transition:background-color 4s}.x-Results{background-color:#b7f2ff;border:2px solid #000;border-radius:10px;left:50%;max-width:50%;padding:10px;position:fixed;top:50%;transform:translate(-50%,-50%);transition:background-color 2s ease;z-index:5}.results{align-items:center;display:flex;flex-direction:column;justify-content:center;justify-self:center;width:100%}.results h1{font-size:25px;margin-bottom:5px;max-width:70%;text-align:center}.results p{text-wrap:wrap;margin-bottom:10px;padding:5px;text-align:center}.results-button{background-color:#7fffd4;border:2px solid #000;border-radius:5px;cursor:pointer;font-size:16px;height:50px;margin-bottom:10px;padding-top:2px;width:200px}.results-button:last-child{margin-bottom:0}.results-button:hover{background-color:#58e5b6;transition:.2s}@media (max-width:768px){.results h1{font-size:20px;max-width:none}.results-button{font-size:14px;height:42px;margin-bottom:5px;width:150px}.results p{text-wrap:wrap;margin-bottom:3px;text-align:center}}.card{align-content:center;aspect-ratio:23/16;border-radius:10%;box-sizing:border-box;cursor:pointer;min-width:0;width:100%}.card img{aspect-ratio:225/155;border-radius:8%;display:flex;margin:auto;max-height:100%;max-width:100%}.card span{display:block;font-size:clamp(27px,14px + 1.6927vw,40px);font-weight:300;margin:0 auto;text-align:center}.heb{background-color:#fcae4f;border:4px solid #fcae4f}.non-heb{background-color:bisque;border:4px solid bisque}.heb:not(.chosen-card):not(.finished-card):hover{background-color:#ffc57e;border:4px solid #ffc57e;transition:.2s}.non-heb:not(.chosen-card):not(.finished-card):hover{background-color:#fff6eb;border:4px solid #fff6eb;transition:.2s}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}to{transform:translateX(0)}}.wrong-choice{animation:shake .25s ease-out;will-change:transform}.chosen-card{background-color:#f08080;border-color:#f08080;cursor:default;transition:.3s}@keyframes jump{0%{transform:translateY(0)}30%{transform:translateY(-8px)}60%{transform:translateY(0)}to{transform:scale(.9)}}.finished-card{animation:jump .8s ease-out;background-color:#7fffd4;border-color:#7fffd4;cursor:default;transform:scale(.9);transition:.6s;will-change:transform;z-index:1}@media (max-width:768px){.card span{font-size:clamp(16px,1.8824px + 3.9216vw,32px)}}.HP:first-of-type{margin-left:10px}.HP{height:35px;margin-top:-1px;width:35px}.timer{gap:10px}.timer-bar{background:#ddd;border:1px solid #000;border-radius:4px;height:8px;width:150px}.timer-bar-fill{height:100%;transition:width 1s linear}.timer-text{font-size:20px;font-weight:500;margin-top:-4px}@media (max-width:768px){.HP-List{grid-column:2;grid-row:1}.HP{height:25px;width:25px}.timer{grid-column:2;grid-row:2}.timer-bar{height:6px;width:100px}.timer-text{font-size:auto;font-weight:400}}.x-Game{background-color:#f0f8ff}.game{padding-bottom:12px;padding-top:12px}.div-gamestats{justify-content:space-between;left:50%;margin-top:6px;position:fixed;transform:translate(-50%);z-index:2}.div-gamestats,.gamestats{align-items:center;display:flex}.gamestats{text-wrap:nowrap;background-color:#c3e2fd;border:2px solid #000;border-radius:10px;font-size:clamp(20px,10px + 1.3021vw,30px);font-weight:100;height:100%;margin-left:clamp(8px,1px + .9115vw,15px);opacity:.8;padding:2px 10px 1px}.gamestats:first-child{margin-left:0}.cards{grid-gap:16px;align-content:space-between;display:grid;gap:16px;grid-template-columns:repeat(5,minmax(130px,1fr));height:100%;justify-items:center;list-style:none;margin:70px auto auto;max-width:90%}.back-buttons{display:flex;justify-self:end;margin-top:30px}.back-button{background-color:#ff6b6b;border:2px solid #000;border-radius:5px;cursor:pointer;font-size:16px;height:50px;margin-right:5px;padding-top:2px;width:clamp(130px,40px + 11.7188vw,220px)}.back-button:hover{background-color:#e66363}@media (max-width:768px){.div-gamestats{grid-gap:10px clamp(10px,-111.4286px + 37.9464vw,180px);display:grid;gap:10px clamp(10px,-111.4286px + 37.9464vw,180px);margin-top:1px}.gamestats{font-size:clamp(14px,3.4118px + 2.9412vw,26px);justify-content:center;margin-left:0;width:clamp(126px,100.4118px + 7.1078vw,155px)}.cards{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-top:clamp(45px,54.4118px + -1.2255vw,50px)}}.theme-selector{background-color:#3b7af0;border:2px solid #000;border-radius:4px;color:#f0f8ff;font-family:Gothic-60;font-size:20px;height:45px;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase;width:100%}.theme-selector:hover{background-color:#588df0;cursor:pointer;transition:.3s}.theme-options{border:2px solid #000;border-radius:4px;cursor:pointer;overflow:hidden}.selector-item{align-items:center;background-color:#3b7af0;border:1px solid #000;color:#f0f8ff;display:flex;font-family:Gothic-60;font-size:20px;height:45px;letter-spacing:1px;padding-left:2px;padding-right:7px;text-transform:uppercase}.selector-item:hover{background-color:#588df0;border:1px solid #000}.start-page{align-items:center;background-color:#b2d2ee;border:3px solid #000;border-radius:10px;display:flex;flex-direction:column;left:50%;padding:8px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s}.start-page:hover{transform:translate(-50%,-50%) scale(1.02);transition:transform .2s}.sp-container{display:flex;margin-top:10px}.start-page h1{font-size:32px;text-align:center}.start-page-button:hover{cursor:pointer;transition:.2s}.game-class-buttons{display:flex;margin:0 auto;width:-webkit-fit-content;width:fit-content}.game-class-button{background:none;border:none;border-radius:100%;height:100px;margin-right:5px}.game-class-button:last-child{margin-right:0}.game-class-button img{border-radius:100%;height:100px;width:100px}.game-class-button img:hover,.game-class-button-active{border:6px solid #3b7af0;box-sizing:border-box}.game-class-button-active{cursor:default}.game-mode-button{align-items:center;border:2px solid #000;border-radius:4px;display:flex;font-size:20px;height:45px;justify-content:center;margin:15px auto 0;width:300px}.game-mode-button:hover{color:#484848}.timer-on-button{margin-top:-1px}.HP-on-button{margin-left:2px;margin-top:-2px}.game-mode-switcher{margin-left:30px}.count-changer-label{align-items:center;display:flex;font-family:Gothic-60;letter-spacing:.5px;margin:15px 10px 0;text-align:center;text-transform:uppercase}.count-changer{-webkit-appearance:none;background:#0000;border-radius:5px;cursor:pointer;margin:0 10px;width:-webkit-fill-available}.count-changer::-webkit-slider-thumb{-webkit-appearance:none;background-color:#3b7af0;border:none;border-radius:50%;height:14px;margin-top:-3px;width:14px}.count-changer::-webkit-slider-runnable-track{background-color:#f0f8ff;background:linear-gradient(to right,#588df0 0,#3b7af0 var(--value),#f0f8ff var(--value),#f0f8ff 100%);border-radius:5px;height:8px}.count-changer::-moz-range-track{background:#f0f8ff;border-radius:5px;height:8px}.count-changer::-moz-range-progress{background:linear-gradient(90deg,#588df0,#3b7af0);border-radius:5px;height:8px}.count-changer::-moz-range-thumb{background-color:#3b7af0;border:none;border-radius:50%;height:14px;width:14px}.count-changer-label p{align-items:center;aspect-ratio:1/1;background-color:#3b7af0;border-radius:50%;color:#f0f8ff;display:flex;font-size:14px;font-weight:300;height:20px;justify-content:center;padding-top:1px;width:20px}.game-start-button{background-color:#3b7af0;border:1px solid #000;border-radius:4px;color:#000;font-size:30px;height:45px;margin-top:10px;padding-top:2px;width:150px}.game-start-button:hover{background-color:#588df0;border:2px solid #000;color:#f0f8ff;cursor:pointer;transition:color .3s,background-color .3s}@media (max-width:768px){.game-class-button-active{border-width:5px}.game-class-button img{height:clamp(70px,43.5294px + 7.3529vw,100px);width:clamp(70px,43.5294px + 7.3529vw,100px)}.game-class-button img:hover{border-width:5px}.game-mode-button{width:clamp(200px,111.7647px + 24.5098vw,300px)}}
/*# sourceMappingURL=main.c3efe6b4.css.map*/