*{box-sizing:border-box;margin:0}body{height:100vh;position:relative;text-shadow:2px 2px 4px #00000080}#container1{grid-gap:10px;background:url(/static/media/background1.574ff29674c7745d794f.jpeg);background-color:#f0f8ff;background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:3px 10px 30px -8px #000;display:grid;gap:10px;grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(20,1fr);height:100vh;margin:0 auto;position:absolute;width:100vw;z-index:4}#article1{color:#fff;flex-flow:wrap;font-size:100px;gap:3%;grid-column:1/21;grid-row:3/10}#article1,.ancor1-box{align-items:center;display:flex;justify-content:center}.ancor1-box{flex-flow:column;grid-column:2/20;grid-row:12/18}.first-ancor1-box{gap:3%;height:50%;width:100%}.ancor1,.first-ancor1-box{align-items:center;display:flex;justify-content:center}.ancor1{border-radius:20px;color:#fff;cursor:pointer;font-size:50px;height:100%;text-decoration:none;-webkit-text-decoration:underline solid 2px;text-decoration:underline solid 2px;text-underline-offset:15px;-webkit-user-select:none;user-select:none;width:31.33%}.ancor1:hover{animation:vibrate1 .8s linear infinite;font-size:60px}.ancor1:active{font-size:85px}.secound-ancor1-box{align-items:center;display:flex;gap:3%;height:50%;justify-content:center;width:100%}@keyframes vibrate1{0%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@media screen and (max-width:1000px){.ancor1-box{flex-flow:row;gap:1%}.first-ancor1-box{flex-flow:column;height:100%;width:100%}.ancor1{font-size:45px;height:30%;width:100%;&:hover{font-size:50px}}.secound-ancor1-box{flex-flow:column;height:100%;width:100%}}@media screen and (max-width:767px){#article1{font-size:60px;grid-row:1/7}.ancor1-box{flex-flow:column;grid-row:8/20}.ancor1{font-size:40px}}.choosen-category{align-items:flex-start;color:#fff;font-size:20px;justify-content:center;left:5vw;position:absolute;top:10px}#container,.choosen-category{display:flex;flex-flow:column}#container{align-items:center;background:url(/static/media/background1.574ff29674c7745d794f.jpeg);background-attachment:scroll;background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Finger Paint,cursive;height:100vh;justify-content:flex-start;overflow:hidden;width:100%}@media screen and (max-width:500px){.choosen-category{font-size:14px}}#keyboard1{display:flex;height:10vh;justify-content:center;margin-top:20px;max-width:950px;min-height:60px;width:80vw}#keyboard1 .button,#keyboard1 .button-green,#keyboard1 .button-red{width:10%}#keyboard2{display:flex;height:10vh;justify-content:center;margin-top:3px;max-width:950px;min-height:60px;width:80vw}#keyboard2 .button,#keyboard2 .button-green,#keyboard2 .button-red{width:11%}#keyboard3{display:flex;height:10vh;justify-content:center;margin-top:3px;max-width:950px;min-height:60px;width:80vw}#keyboard3 .button,#keyboard3 .button-green,#keyboard3 .button-red{width:12.5%}.button{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:50px;font-weight:600;height:100%;justify-content:center;min-height:60px;transition:all .2s;-webkit-user-select:none;user-select:none}.button:hover{animation:vibrate .8s linear infinite;font-size:70px}.button:active{font-size:85px}.button-green{border:3px solid green;border-radius:10px;border-radius:50px;color:#44ce50;cursor:default;transition:all .2s}.button-green,.button-red{align-items:center;display:flex;font-size:50px;font-weight:600;height:100%;justify-content:center;min-height:60px;-webkit-user-select:none;user-select:none}.button-red{color:#f8442c;left:10px;opacity:.6;transition:font-size .2s linear,opacity 1.2s ease}@media screen and (max-width:767px){#keyboard1,#keyboard2,#keyboard3{width:100vw}.button,.button-green,.button-red{font-size:7vw}}#animation-div{background-color:rgba(0,0,0,.459);display:flex;display:none;height:100vh;position:absolute;top:0;transition:background-color 1.7s ease-in;width:100vw;z-index:100}#animation-div,.you-lost-blank{align-items:center;justify-content:center}.you-lost-blank{display:flex;transition:all .7s ease}.you-lost{align-items:center;background-color:red;border-radius:20px;box-shadow:13px 13px 24px 0 #27272b;display:flex;font-size:30px;height:300px;justify-content:center;transition:all .6s linear;width:500px}#yes-or-no{display:none;gap:5px;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);height:35vh;opacity:0;top:30px;transition:all 1.2s ease;width:30vw}#yn-info{border:4px solid #fff;border-radius:30px;color:#0000;font-size:25px;grid-column:2/10;grid-row:3/7;padding:20px 5%;text-align:center;text-shadow:none;transition:all 1.2s ease}#y-button,#yn-info{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:14px 14px 13px -12px #000;display:flex;justify-content:center}#y-button{border:4px solid green;border-radius:20px;color:#fff;font-size:50px;grid-column:2/6;grid-row:7/9}#n-button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:4px solid red;color:#fff;grid-column:6/10;grid-row:7/9}#n-button,.y-n-button{align-items:center;border-radius:20px;box-shadow:14px 14px 13px -12px #000;display:flex;font-size:50px;justify-content:center}.y-n-button{transition:background-color .3s linear;-webkit-user-select:none;user-select:none}.y-n-button a{border-radius:20px;color:#fff;padding:4vh 10vw;text-decoration:none}.y-n-button:hover{cursor:pointer}.y-n-button:active,.y-n-button:hover{box-shadow:inset 2px 2px 32px -20px #000!important}.y-n-button:active{font-size:40px!important}@media screen and (max-width:767px){.you-lost{height:100px;width:250px}#yn-info{font-size:5vw!important}}@media screen and (max-width:500px){.y-n-button{font-size:9vw!important}}#button-play{border-radius:50px;height:80px;position:absolute;right:2.5vw;top:2.5vh;width:80px;z-index:200}#button-play img{height:100%;width:auto}#button-play:hover{cursor:pointer}@media screen and (max-width:500px){#button-play{height:40px;width:40px}}#header{align-items:center;color:#fff;display:flex;font-size:40px;justify-content:center;width:100vw}@media screen and (max-width:767px){#header{font-size:30px}}@media screen and (max-width:500px){#header{font-size:6vw}}#image{align-items:center;display:flex;height:48vh;justify-content:center;margin-top:5vh;min-height:300px;position:relative;width:50vw}#image-image{max-height:40vh;width:auto}@media screen and (max-height:700px){#image-image{max-width:25vh}#image{height:30vh;margin-top:7vh;min-height:0}}#word{align-items:center;border:2px solid #fff;border-radius:10px;box-shadow:2px 2px 4px #00000080;color:#fff;display:flex;font-size:40px;height:10vh;justify-content:center;margin-top:10px;min-height:78px;min-width:10vw;padding:15px 30px;white-space:pre-wrap}.temp-displays{border-radius:10px;height:90px;min-width:50px}.temp-upper-part{align-items:flex-end;border-radius:20px;height:65px;transition:all .4s linear}.temp-lower-part,.temp-upper-part{display:flex;justify-content:center;width:100%}.temp-lower-part{align-items:flex-start;height:25px;margin-top:-45px}@media screen and (max-width:500px){#word{font-size:30px}.temp-displays{min-width:8vw}}
/*# sourceMappingURL=main.a94ad49b.css.map*/