@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Montserrat&display=swap";
@import "https://fonts.googleapis.com/css2?family=Anton&family=Kdam+Thmor+Pro&family=Raleway&display=swap";
:root{--color1:#001cfa;--color2:#45f837;--color3:#c607be;--color4:#ff611e;--color5:#ff0054}*{box-sizing:border-box;scrollbar-width:none}html,body{height:100vh;margin:0;font-family:Raleway,sans-serif}form{width:100%}#root{width:100vw;height:100%;overflow:hidden}hr{width:100%;margin-top:1.8rem}.main-container{flex-direction:column;place-content:center;width:100%;display:flex;position:fixed;top:25vh}.full-height{min-height:100%;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;justify-content:center;align-items:center;display:flex}h1{margin:0;padding:0}.center{display:flex}.container{border-radius:50%;position:relative;top:15vh}.circle{content:"";background-color:var(--color1);border-radius:50%;width:100px;height:100px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}#cat2{transform-origin:bottom;height:100px;position:absolute;left:50%;transform:rotate(72deg)}#cat2 .circle{background-color:var(--color2)}#cat3{transform-origin:bottom;height:100px;position:absolute;left:50%;transform:rotate(144deg)}#cat3 .circle{background-color:var(--color3)}#cat4{transform-origin:bottom;height:100px;position:absolute;left:50%;transform:rotate(216deg)}#cat4 .circle{background-color:var(--color4)}#cat5{transform-origin:bottom;height:100px;position:absolute;left:50%;transform:rotate(288deg)}#cat5 .circle{background-color:var(--color5)}.expand{z-index:100;width:300vw;height:300vw;transition:all 1s}.content{z-index:100;flex-direction:column;align-items:center;width:100%;height:100vh;display:flex;position:absolute;top:0;left:0}.text{z-index:100;color:#fff;text-align:center;text-shadow:1px 1px 6px #999;flex-direction:column;align-items:center;width:100%;height:100%;margin:80px 0;font-size:1.5rem;display:flex;position:relative}.question{margin:2rem 0 0}.task{z-index:100;color:#fff;text-align:center;width:auto;height:100%;padding:0;font-size:2rem}.fadein{animation:.5s ease-in fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fadeout{background-color:#000;animation:1s ease-in fade-out}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.buttons{flex-direction:column;place-content:center;place-items:center;gap:.5rem;width:100%;display:flex}.buttons button{font-weight:400;letter-spacing:.3px!important}.button{color:#a0a0a0;cursor:pointer;width:90%;max-width:540px;text-shadow:none;background-color:#fff;padding:9px 18px}.settings_button{color:#fff;background-color:#8a2be2;width:100%;margin:10% 0 0;font-size:1.5rem}.cat1{color:var(--color1)}.cat2{color:var(--color2)}.cat3{color:var(--color3)}.cat4{color:var(--color4)}.cat5{color:var(--color5)}.bg1{background-color:var(--color1)}.bg2{background-color:var(--color2)}.bg3{background-color:var(--color3)}.bg4{background-color:var(--color4)}.bg5{background-color:var(--color5)}.correct{color:#fff;background-color:#1b8100}.corrected{animation:1s linear forwards shakeX}@keyframes shakeX{0%,to{transform:translate(0,0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.incorrect{color:#fff;background-color:#930000}header{background-color:#fff;flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex;position:absolute;top:0}.logos{z-index:200;flex-direction:row;height:80px;margin:0;padding:0 0 0 .5rem;display:flex}.menu{z-index:200;cursor:pointer;padding:.4em;font-size:2rem;position:relative;right:.2rem}.menu-content{z-index:199;background-color:#fff;flex-direction:column;justify-content:center;place-items:center;width:100vw;height:100vh;font-size:2rem;display:flex;position:absolute;top:0}.menu_button{color:#a0a0a0;background-color:currentColor;background-clip:content-box;width:1em;height:1em;padding:.425em 0;transition:background-color 1s;display:inline-block;position:relative}.menu_button:before,.menu_button:after{content:"";background-color:currentColor;width:100%;height:.15em;transition:top .5s .5s,transform .5s;position:absolute}.menu_button:before{top:.05em}.menu_button:after{top:.8em}.menu_button_opened{background-color:transparent}.menu_button_opened:before,.menu_button_opened:after{transition:top .5s,transform .5s .5s;top:.4em}.menu_button_opened:before{transform:rotate(-45deg)scaleX(1.2)}.menu_button_opened:after{transform:rotate(45deg)scaleX(1.2)}.form-group{padding:.25rem}.form-control{color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;width:100%;height:2.375rem;padding:.375rem .5rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block}.form-control:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}label{align-items:center;margin:0 0 .5rem;font-size:1.125rem;display:flex}input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}.settings{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;margin:0 auto;padding:80px 2rem 0;display:flex;position:absolute;top:0}.settings h1{width:100%}.multiplayer{justify-content:space-between;align-items:center;width:100%;display:flex}.player{flex-direction:row;justify-content:space-around;max-width:90%;display:flex}.players-grid{grid-template-columns:2fr 2fr 1fr 1fr;gap:8px;display:grid}.players-grid div{flex-direction:column;justify-content:center;display:flex}.input-radio,.input-checkbox{min-width:1.25rem;min-height:1.25rem;margin:0 .625rem 0 0;display:inline-block}.game-text{text-align:center;width:100%;margin:60vh 0 0;font-size:1.8rem}.hidden{opacity:0}.show{opacity:1;transition:all 1s 1s}.timer{opacity:.5;flex-direction:column;display:flex}.counter{font-family:Anton,sans-serif;font-size:15rem;line-height:15rem}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale(1)}}.bounceIn{animation-name:bounceIn;animation-duration:2s}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale(1)}}.pulse{animation-name:pulse;animation-duration:.5s;animation-timing-function:ease-in-out;animation-delay:1s}@keyframes rollIn{0%{transform:translate(-100%)rotate(-120deg)}to{transform:translate(0,0)}}.rollIn{animation-name:rollIn;animation-duration:.5s;animation-timing-function:ease-in-out}@keyframes rotateInDownRight{0%{transform:rotate(45deg)}to{transform:translate(0,0)}}.rotateInDownRight{transform-origin:100% 100%;animation-name:rotateInDownRight;animation-duration:.5s;animation-timing-function:ease-in-out}@keyframes slideInDown{0%{visibility:visible;transform:translateY(-100%)}to{transform:translate(0,0)}}.slideInDown{animation-name:slideInDown;animation-duration:.5s}.info{flex-direction:column;align-items:center;width:100%;margin:80px auto 2rem;padding:0 2rem 2rem;display:flex}.logo{width:auto;max-width:100%;height:auto;max-height:200px;margin:0 auto}.info h1,.info h2{text-align:left;width:100%}.info-text{width:90%;font-size:1.2rem}table{border-collapse:collapse;border-spacing:0;border:1px solid #999797;margin:1rem 0}tr{border-bottom:1px solid #999797}thead{text-align:left;font-weight:700}ul li{margin:.7rem 0}.small_circle{content:"";z-index:10;border-radius:50%;width:20px;height:20px}.multiplayer_container{align-items:center;display:flex}.multiplayer_circle{background-color:#8a2be2;border-radius:50%;width:50px;height:50px;margin:0 .3rem;position:relative}.multiplayer_number{color:#fff;text-align:center;z-index:10;font-family:Open sans;font-size:1.8rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.multiplayer_icons{flex-direction:column;gap:.3rem;height:100%;display:flex}.button-icon{color:#8a2be2;cursor:pointer;font-size:1.3rem}.bg_color_1{background-color:var(--color1)}.bg_color_2{background-color:var(--color2)}.bg_color_3{background-color:var(--color3)}.bg_color_4{background-color:var(--color4)}.bg_color_5{background-color:var(--color5)}video{filter:opacity(50%)}[data-vjs-player]{background-color:transparent!important;width:100%!important;height:100%!important;position:absolute!important}[data-vjs-player] video{width:100%;height:100%;position:absolute;top:0;left:0}.loader{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute}.signature-container{cursor:pointer;flex-direction:row;font-family:Courier New,Courier,monospace;font-size:1rem;display:flex;position:absolute;bottom:0}.signature-container img{height:60px}.signature-container:hover{opacity:1}.title{color:#999;text-align:center;font:16px/20px Arial,sans-serif}.dice-container{justify-content:center;display:flex}.dice{perspective:400px;width:100px;height:100px;margin:50px}.cube{width:100px;height:100px;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.215,.61,.355,1);position:relative;transform:translateZ(-50px)rotateX(0)rotateY(0)}.side{box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:purple;border:1px solid rgba(255,255,255,.25);border-radius:2px;width:100px;height:100px;position:absolute;overflow:hidden}.side_1{transform:translateZ(-50px)rotateX(180deg)}.side_2{transform:translateY(-50px)rotateX(90deg)}.side_3{transform:translate(50px)rotateY(90deg)}.side_4{transform:translate(-50px)rotateY(270deg)}.side_5{transform:translateY(50px)rotateX(270deg)}.side_6{transform:translateZ(50px)}.dice[data-val="1"] .cube{transform:translateZ(-50px)rotateX(180deg)rotateY(0)}.dice[data-val="2"] .cube{transform:translateZ(-50px)rotateX(-90deg)rotateY(0)}.dice[data-val="3"] .cube{transform:translateZ(-50px)rotateX(0)rotateY(-90deg)}.dice[data-val="4"] .cube{transform:translateZ(-50px)rotateX(0)rotateY(90deg)}.dice[data-val="5"] .cube{transform:translateZ(-50px)rotateX(90deg)rotateY(0)}.dice[data-val="0"] .cube{transition:transform 1s cubic-bezier(.8,-100,.1,1)}.dice_1[data-val="0"] .cube{transform:translateZ(-50px)rotateX(359deg)rotateY(359deg)}.dice_2[data-val="0"] .cube{transform:translateZ(-50px)rotateX(-359deg)rotateY(-359deg)}.dot{background:#fff;border-radius:10px;width:20px;height:20px;margin:-10px 0 0 -10px;position:absolute;box-shadow:inset 0 0 10px rgba(204,0,0,.5)}.dot_1,.dot_2,.dot_3{top:20px}.dot_4,.dot_5,.dot_6{top:50px}.dot_7,.dot_8,.dot_9{top:80px}.dot_1,.dot_4,.dot_7{left:20px}.dot_2,.dot_5,.dot_8{left:50px}.dot_3,.dot_6,.dot_9{left:80px}#result{text-align:center;flex-direction:column;align-items:center;width:100%;font-size:1.8rem;display:flex}#result span{width:90%}span{justify-content:center;align-items:center;display:inline-flex}.dice-button{color:#fff;background-color:teal;font-size:1.5rem}.chessboard-bg{box-sizing:border-box;color:#000;text-shadow:4px 4px 6px #fff;background-color:#fff;background-image:repeating-conic-gradient(rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 25%,rgba(255,255,255,.6) 0%,rgba(255,255,255,.6) 50%);background-size:33px 33px;box-shadow:inset 0 0 0 2px rgba(0,0,0,.4)}@media (orientation:portrait){[data-vjs-player]{width:100%;height:100%}video{object-fit:cover}.question{margin:0 .75rem}}@media (min-width:576px) and (orientation:portrait){.settings,.info{max-width:540px}}@media (min-width:768px){.text,.settings,.info{max-width:720px}}@media (max-width:768px) and (orientation:portrait){.exTitle{margin:0 .75rem;font-size:1.8rem}}@media (min-width:1200px){.exTitle{width:30vw}}@media (max-height:500px){.text{margin:40px 0 0}.dice-button{margin:2rem 0 0}.game-text{margin:70vh .75rem 0;font-size:1.8rem}.button{margin:1.5rem 0 0}}@media (max-width:320px){#result{font-size:1.7rem}.info-text{margin:0 .75rem;font-size:1rem}.text,.exTitle{font-size:1.5rem}.counter{font-size:12rem}.game-text{width:auto}}.info-icon{color:#001aff;font-size:1.1rem}.info-icon-text{position:relative;left:.5rem}.language-selector select{border:none;outline:none;padding:.5rem;font-size:1.5rem}