@font-face{font-family:Bender;src:url(/assets/font/Jovanny%20Lemonad%20-%20Bender.otf)}@font-face{font-family:Bender Bold;src:url(/assets/font/Jovanny%20Lemonad%20-%20Bender-Bold.otf)}@font-face{font-family:Bender Black;src:url(/assets/font/Jovanny%20Lemonad%20-%20Bender-Black.otf)}@font-face{font-family:EFT;src:url(/assets/font/1_EFT_by_iWolf.ttf)}.die-container{transform-origin:top center;margin-right:-734px}.die-container:first-of-type{transform:rotate(3deg) scale(.95) translate(-10px,-10px)}.die-container:first-of-type .cube,.die-container:first-of-type .die{animation-delay:.3s}.die-container:first-of-type .cube{transform:rotateY(-30deg) rotate(-30deg)}.die-container:first-of-type .cube>div{background-position-x:4%}.die-container:first-of-type .die{transform:rotate(1deg)}.die-container:first-of-type .front{transform:translateZ(40px)}.die-container:first-of-type .back{transform:rotateX(-180deg) translateZ(40px);background:url(/assets/img/grit-texture.png) no-repeat,linear-gradient(to top,#bab8a3,#a4a186)}.die-container:first-of-type .right{transform:rotateY(90deg) translateZ(40px);background:url(/assets/img/grit-texture.png) no-repeat,linear-gradient(to bottom,#bab8a3,#a4a186)}.die-container:first-of-type .left{transform:rotateY(-90deg) translateZ(40px)}.die-container:first-of-type .top{transform:rotateX(90deg) translateZ(40px)}.die-container:first-of-type .bottom{transform:rotateX(-90deg) translateZ(40px);background:url(/assets/img/grit-texture.png) no-repeat,linear-gradient(to bottom,#8d8a6a,#706d54);border-color:#4d4d4d!important}.die-container:last-of-type{transform:rotate(-3deg) translate(10px,15px)}.die-container:last-of-type .cube{box-shadow:-10px -10px 10px #0006}.die-container:last-of-type .cube .bottom{transform:translateZ(40px)}.die-container:last-of-type .cube .front{transform:rotateX(-180deg) translateZ(40px);background:url(/assets/img/grit-texture.png) no-repeat,linear-gradient(to top,#bab8a3,#a4a186)}.die-container:last-of-type .cube .back{transform:rotateY(90deg) translateZ(40px);background:url(/assets/img/grit-texture.png) no-repeat,linear-gradient(to bottom,#bab8a3,#a4a186)}.die-container:last-of-type .cube .right{transform:rotateY(-90deg) translateZ(40px)}.die-container:last-of-type .cube .left{transform:rotateX(90deg) translateZ(40px)}.die-container:last-of-type .cube .top{transform:rotateX(-90deg) translateZ(40px);background:url(/assets/img/grit-texture.png) no-repeat,linear-gradient(to bottom,#8d8a6a,#706d54);border-color:#4d4d4d!important}.die{position:absolute;right:0;left:0;top:0;height:45vh;margin:0 auto;width:80px}.cube-container{width:80px;height:80px;position:absolute;margin:0;perspective:1000px;perspective-origin:50% 100%;bottom:0;right:0}.cube-container:before{content:"";height:60vh;width:4px;background:linear-gradient(to left,#000,gray);background:url("data:image/svg+xml,%3Csvg width='5' height='5' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(to left,#000,#fff);position:absolute;bottom:0;left:90px;margin:0 auto}.cube{width:100%;height:100%;top:40px;position:absolute;transform-style:preserve-3d;transition:transform 0s}.cube:hover{cursor:pointer}.cube div{background:url(/assets/img/grit-texture.png) no-repeat,linear-gradient(to bottom,#e6e5de,#bab8a3);display:block;position:absolute;width:80px;height:40px;border-color:#a4a186;margin:0 auto;font-family:Arial,Helvetica,sans-serif;font-size:500%;text-align:center;padding:50%;border-radius:12px;background-blend-mode:soft-light}.cube .dot{display:block;position:absolute;width:10px;height:10px;background-image:radial-gradient(circle at bottom right,#fff6,#000 50%);border-radius:50%}.cube .front .dot1{top:35px;left:35px}.cube .back .dot1{top:15px;left:15px}.cube .back .dot2{top:55px;left:55px}.cube .right .dot1{top:15px;left:15px}.cube .right .dot2{top:35px;left:35px}.cube .right .dot3{top:55px;left:55px}.cube .left .dot1{top:15px;left:15px}.cube .left .dot2{top:15px;left:55px}.cube .left .dot3{top:55px;left:15px}.cube .left .dot4{top:55px;left:55px}.cube .top .dot1{top:15px;left:15px}.cube .top .dot2{top:15px;left:55px}.cube .top .dot3{top:35px;left:35px}.cube .top .dot4{top:55px;left:15px}.cube .top .dot5{top:55px;left:55px}.cube .bottom .dot1{top:15px;left:15px}.cube .bottom .dot2{top:15px;left:35px}.cube .bottom .dot3{top:15px;left:55px}.cube .bottom .dot4{top:55px;left:15px}.cube .bottom .dot5{top:55px;left:35px}.cube .bottom .dot6{top:55px;left:55px}.swing{animation:swing ease-in-out 5s infinite alternate;transform-origin:50% -100%;transform:translateZ(0);will-change:transform}@keyframes swing{0%{transform:rotate(1deg)}to{transform:rotate(-1deg)}}.spin{animation:spin ease-in-out 3s infinite alternate;transform-origin:50% -100%;transform:translateZ(0);will-change:transform}@keyframes spin{0%{transform:rotateY(-30deg) rotate(-30deg)}50%{transform:rotateY(-22deg) rotate(-30deg)}to{transform:rotateY(-30deg) rotate(-30deg)}}.flicker{animation:flicker ease-in-out 3s infinite alternate;transform:translateZ(0)}@keyframes flicker{0%{opacity:0}30%{opacity:1}60%{opacity:.3}95%{opacity:.8}to{opacity:1}}.flip{animation:flip ease-in-out 1s;transform:translateZ(0)}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(180deg)}to{transform:rotateX(360deg)}}.revolve{animation:revolve ease-in-out 1s;transform:translateZ(0)}@keyframes revolve{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}