#root,body,html{background:#000;left:0;position:fixed;top:0}#root,body,html,main{height:100%;width:100%}main{align-items:center;display:flex;flex-direction:column;justify-content:center;z-index:10000}main button{bottom:10%;position:absolute}.ludo{-webkit-animation:rotateAngle 6s linear infinite;animation:rotateAngle 6s linear infinite;font-family:Moo Lah Lah,cursive;font-size:5rem;font-weight:700;-webkit-transform:rotateY(-10deg);transform:rotateY(-10deg)}button{-webkit-animation:rotateAngle 6s linear infinite;animation:rotateAngle 6s linear infinite;background:#fff;border:none;border-radius:.4em;cursor:pointer;display:block;font-family:Work Sans,sans-serif;font-size:1.4em;font-weight:500;letter-spacing:.04em;margin:.5em 0;mix-blend-mode:color-dodge;padding:.8em 2.2em;-webkit-perspective:500px;perspective:500px;position:relative;text-transform:uppercase;-webkit-transform:rotatex(10deg);transform:rotatex(10deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:35%}button:after,button:before{--z:0px;border-radius:inherit;content:"";display:block;height:100%;left:0;mix-blend-mode:inherit;opacity:0;position:absolute;top:0;-webkit-transform:translate3d(calc(var(--z)*0px),calc(var(--z)*0px),calc(var(--z)*0px));transform:translate3d(calc(var(--z)*0px),calc(var(--z)*0px),calc(var(--z)*0px));-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%}button span{display:block;mix-blend-mode:none}button:after{background-color:#5d00ff}button:before{background-color:#ff1731}button:hover{background-color:#fff65b;transition:background .3s .1s}button:hover:before{--z:0.04}button:hover:after,button:hover:before{-webkit-animation:translateWobble 2.2s ease forwards;animation:translateWobble 2.2s ease forwards}button:hover:after{--z:-0.06}@-webkit-keyframes rotateAngle{0%{-webkit-animation-timing-function:cubic-bezier(.61,1,.88,1);animation-timing-function:cubic-bezier(.61,1,.88,1);-webkit-transform:rotateY(0deg) rotateX(10deg);transform:rotateY(0deg) rotateX(10deg)}25%{-webkit-transform:rotateY(20deg) rotateX(10deg);transform:rotateY(20deg) rotateX(10deg)}50%{-webkit-animation-timing-function:cubic-bezier(.61,1,.88,1);animation-timing-function:cubic-bezier(.61,1,.88,1);-webkit-transform:rotateY(0deg) rotateX(10deg);transform:rotateY(0deg) rotateX(10deg)}75%{-webkit-transform:rotateY(-20deg) rotateX(10deg);transform:rotateY(-20deg) rotateX(10deg)}to{-webkit-transform:rotateY(0deg) rotateX(10deg);transform:rotateY(0deg) rotateX(10deg)}}@keyframes rotateAngle{0%{-webkit-animation-timing-function:cubic-bezier(.61,1,.88,1);animation-timing-function:cubic-bezier(.61,1,.88,1);-webkit-transform:rotateY(0deg) rotateX(10deg);transform:rotateY(0deg) rotateX(10deg)}25%{-webkit-transform:rotateY(20deg) rotateX(10deg);transform:rotateY(20deg) rotateX(10deg)}50%{-webkit-animation-timing-function:cubic-bezier(.61,1,.88,1);animation-timing-function:cubic-bezier(.61,1,.88,1);-webkit-transform:rotateY(0deg) rotateX(10deg);transform:rotateY(0deg) rotateX(10deg)}75%{-webkit-transform:rotateY(-20deg) rotateX(10deg);transform:rotateY(-20deg) rotateX(10deg)}to{-webkit-transform:rotateY(0deg) rotateX(10deg);transform:rotateY(0deg) rotateX(10deg)}}@-webkit-keyframes translateWobble{0%{opacity:0;-webkit-transform:translate3d(calc(var(--z)*0px),calc(var(--z)*0px),calc(var(--z)*0px));transform:translate3d(calc(var(--z)*0px),calc(var(--z)*0px),calc(var(--z)*0px))}16%{-webkit-transform:translate3d(calc(var(--z)*160px),calc(var(--z)*160px),calc(var(--z)*160px));transform:translate3d(calc(var(--z)*160px),calc(var(--z)*160px),calc(var(--z)*160px))}28%{opacity:1;-webkit-transform:translate3d(calc(var(--z)*70px),calc(var(--z)*70px),calc(var(--z)*70px));transform:translate3d(calc(var(--z)*70px),calc(var(--z)*70px),calc(var(--z)*70px))}44%{-webkit-transform:translate3d(calc(var(--z)*130px),calc(var(--z)*130px),calc(var(--z)*130px));transform:translate3d(calc(var(--z)*130px),calc(var(--z)*130px),calc(var(--z)*130px))}59%{-webkit-transform:translate3d(calc(var(--z)*85px),calc(var(--z)*85px),calc(var(--z)*85px));transform:translate3d(calc(var(--z)*85px),calc(var(--z)*85px),calc(var(--z)*85px))}73%{-webkit-transform:translate3d(calc(var(--z)*110px),calc(var(--z)*110px),calc(var(--z)*110px));transform:translate3d(calc(var(--z)*110px),calc(var(--z)*110px),calc(var(--z)*110px))}88%{opacity:1;-webkit-transform:translate3d(calc(var(--z)*90px),calc(var(--z)*90px),calc(var(--z)*90px));transform:translate3d(calc(var(--z)*90px),calc(var(--z)*90px),calc(var(--z)*90px))}to{opacity:1;-webkit-transform:translate3d(calc(var(--z)*100px),calc(var(--z)*100px),calc(var(--z)*100px));transform:translate3d(calc(var(--z)*100px),calc(var(--z)*100px),calc(var(--z)*100px))}}@keyframes translateWobble{0%{opacity:0;-webkit-transform:translate3d(calc(var(--z)*0px),calc(var(--z)*0px),calc(var(--z)*0px));transform:translate3d(calc(var(--z)*0px),calc(var(--z)*0px),calc(var(--z)*0px))}16%{-webkit-transform:translate3d(calc(var(--z)*160px),calc(var(--z)*160px),calc(var(--z)*160px));transform:translate3d(calc(var(--z)*160px),calc(var(--z)*160px),calc(var(--z)*160px))}28%{opacity:1;-webkit-transform:translate3d(calc(var(--z)*70px),calc(var(--z)*70px),calc(var(--z)*70px));transform:translate3d(calc(var(--z)*70px),calc(var(--z)*70px),calc(var(--z)*70px))}44%{-webkit-transform:translate3d(calc(var(--z)*130px),calc(var(--z)*130px),calc(var(--z)*130px));transform:translate3d(calc(var(--z)*130px),calc(var(--z)*130px),calc(var(--z)*130px))}59%{-webkit-transform:translate3d(calc(var(--z)*85px),calc(var(--z)*85px),calc(var(--z)*85px));transform:translate3d(calc(var(--z)*85px),calc(var(--z)*85px),calc(var(--z)*85px))}73%{-webkit-transform:translate3d(calc(var(--z)*110px),calc(var(--z)*110px),calc(var(--z)*110px));transform:translate3d(calc(var(--z)*110px),calc(var(--z)*110px),calc(var(--z)*110px))}88%{opacity:1;-webkit-transform:translate3d(calc(var(--z)*90px),calc(var(--z)*90px),calc(var(--z)*90px));transform:translate3d(calc(var(--z)*90px),calc(var(--z)*90px),calc(var(--z)*90px))}to{opacity:1;-webkit-transform:translate3d(calc(var(--z)*100px),calc(var(--z)*100px),calc(var(--z)*100px));transform:translate3d(calc(var(--z)*100px),calc(var(--z)*100px),calc(var(--z)*100px))}}canvas{position:fixed}input{height:0;opacity:0;width:0}label{align-items:center;border:4px solid #4741fd;border-radius:100px;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:0;width:80px}.progress-bar{background-image:linear-gradient(90deg,#eb6952 20%,#faad17 20% 40%,#7e46dd 40% 60%,#4fa6db 60% 80%,#b3b3b3 80%);border-radius:50px;box-shadow:2px 14px 15px -7px rgba(30,166,250,.36);height:20px;position:relative;transition:all .5s}.container{align-items:center;display:flex;flex-flow:column nowrap;height:100vh;justify-content:center;width:100%}.container h2{color:#000;margin-bottom:100px;position:absolute}.progress{align-items:start;background:#e6e9ff;border-radius:20px;box-shadow:0 10px 50px #abb7e9;display:flex;flex-flow:column nowrap;height:200px;justify-content:center;padding:20px;width:40%}.doc{background:#263238;color:#fff;display:block;padding:10px;text-align:center}.dice-count,.dice-count input,.doc{font-size:20px}.box{display:flex;flex-direction:column;justify-content:center;margin-top:5px;text-align:center;width:500px}#dice-box1,.box{height:200px}h1,h2{font-weight:400}.one,h1,h2{color:#fff;font-family:Oswald,sans-serif}.one{align-items:center;background-size:50%;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:20px;outline:none;overflow:hidden;padding:10px;position:relative;text-shadow:0 0 10px rgba(0,0,0,.48);transition:background-position .7s,box-shadow .4s;width:40%}.one:hover{background-position:0 100%}.one:hover:after{right:-40px;transition:right .4s,-webkit-transform 30s linear .2s;transition:right .4s,transform 30s linear .2s;transition:right .4s,transform 30s linear .2s,-webkit-transform 30s linear .2s}.one:after,.one:before{display:block;font-family:FontAwesome;position:absolute}.one:before{font-size:30px;left:25px;top:19px;transition:all 1s}.one:after{font-size:100px;opacity:.3;right:-120px;top:-17px;transition:right .4s,-webkit-transform .2s;transition:right .4s,transform .2s;transition:right .4s,transform .2s,-webkit-transform .2s}.one{background-image:linear-gradient(180deg,#b86002,rgba(126,94,162,.51)),url(/static/media/images.4505012f910f263bfb20.jpg);box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.16),0 0 10px 0 #b86002}.one svg{margin-right:10px}.one:hover{box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.16),0 0 30px 0 #b86002}.one:hover:after{-webkit-transform:scale(1);transform:scale(1)}.one:hover:before{-webkit-transform:scale(1.2);transform:scale(1.2)}.one:after,.one:before{content:""}.one b{color:#3f0a42;font-weight:700}
/*# sourceMappingURL=main.70e454f6.css.map*/