@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap);.fade-enter-active{transition:opacity 1s linear}.fade-enter{opacity:0}body{font-family:Montserrat,sans-serif;margin:0;padding:0;line-height:1.5;background:#fff}.gen-wrap{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;margin:20px auto;padding:0;box-sizing:border-box}@media(max-height:600px){.gen-wrap{margin:20px auto 0}}.note{text-align:center;font-family:sans-serif;margin:10px 0;font-size:16px;opacity:.8;font-style:italic;color:#222;display:block}@media(max-height:600px){.note{font-size:14px}}.gen-wrap .num{width:100%;margin:0 1% 20px;border:1px solid rgba(0,0,0,.2);border-radius:10px;line-height:1.2;font-size:16px;text-align:left;display:block;cursor:pointer;background:hsla(0,0%,100%,.5);color:#222;padding:10px 10px 10px 26px;position:relative;box-sizing:border-box}@media(max-height:600px){.gen-wrap .num{font-size:14px;padding:10px 5px 10px 26px;margin:0 1% 10px}}.gen-wrap .num.hold{background:#fff;border:1px solid #fa61f1}.gen-wrap .num .circle{display:inline-block;width:10px;height:10px;background:#222;opacity:.2;transition:all .4s;border-radius:50%;vertical-align:middle;margin:0 10px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.gen-wrap .num.hold .circle{background:#25bcb8;opacity:1}.powered-by{display:block;padding:15px 10px 0;text-align:center;font-size:11px;text-transform:uppercase}.footer-wrap{padding:15px;position:fixed;bottom:0;left:0;z-index:100;box-sizing:border-box}.footer,.footer-wrap{display:block;width:100%}.footer{padding:5px;position:relative;max-width:600px;margin:auto;background:#2e3a44;border-radius:5px}.footer:after{content:"";clear:both;display:block;width:100%}.how{float:left;width:80px;color:#fff;opacity:.7;text-align:center;font-size:16px;padding:5px 0}.footer-icon{display:block;width:100%;max-width:30px;margin:5px auto 0}.why{float:right;width:80px;color:#fff;opacity:.7;text-align:center;font-size:16px}.shuffle,.shuffle-wrap{position:relative}.shuffle{width:70px;height:70px;background:rgba(255,0,235,.6);border:3px solid #fff;border-radius:50%;display:block;margin:auto;z-index:100;cursor:pointer}@media(max-height:600px){.shuffle{width:50px;height:50px;margin-top:10px}}.shuffle-img{display:block;width:100%;max-width:48px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);filter:invert(1)}.layout{max-width:760px;margin:0 auto;padding-left:0;padding-right:0;position:relative;box-shadow:0 0 200px 0 rgba(0,0,0,.1);overflow:hidden}.layout:before{content:"";position:absolute;display:block;width:100%;height:100vh;background:radial-gradient(50% 31.3% at 79.10000000000001% 55.300000000000004%,rgba(37,188,184,.67) 0,rgba(0,200,240,0) 100%);overflow:visible;z-index:5;top:0;left:0;opacity:.3}.layout:after{content:"";position:absolute;display:block;width:100%;height:100vh;background:radial-gradient(65% 30.099999999999998% at 24.4% 39.1%,#ff9ef7 0,var(--Off_White,#f9f9f9) 100%);overflow:hidden;z-index:1;top:0;left:0;opacity:.3}.header{display:block;padding:0;position:absolute;top:0;width:100%;z-index:1000;box-sizing:border-box}.header-link,.header-link span{text-decoration:none;color:#222}.header-link span{font-size:20px;font-weight:600;opacity:.6;line-height:40px}.header-link span,.header .logo{display:inline-block;vertical-align:middle}.header .logo{height:40px;width:40px;margin:10px}.nav__link{margin-left:20px}.waves{width:100%;z-index:1}.waves,.waves svg{position:absolute;bottom:0;left:0}.waves svg{display:block;height:35vh;width:200%;opacity:.3}.waves svg:first-of-type{-webkit-animation:waves 30s linear infinite;animation:waves 30s linear infinite}.waves svg:nth-of-type(2){animation:waves 35s linear infinite reverse}.waves svg:nth-of-type(3){-webkit-animation:waves 40s linear infinite;animation:waves 40s linear infinite}@-webkit-keyframes waves{0%{transform:translate(0)}50%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes waves{0%{transform:translate(0)}50%{transform:translate(-50%)}to{transform:translate(0)}}#cube .front[data-v-70da6556]{transform:rotateY(-90deg) translateX(50%) rotateY(90deg)}#cube .back[data-v-70da6556]{transform:rotateX(-90deg) translateY(50%) rotateX(90deg)}#cube .right[data-v-70da6556]{transform:rotateX(0deg) translateX(50%) translateY(0) rotateY(90deg)}#cube .left[data-v-70da6556]{transform:rotateX(0deg) translateX(-50%) translateY(0) rotateY(90deg)}#cube .top[data-v-70da6556]{transform:rotateX(90deg) translateX(0) translateY(-50%) rotateY(0deg);transform-origin:0 0}#cube .bottom[data-v-70da6556]{transform:rotateX(90deg) translateX(0) translateY(50%) rotateY(0deg);transform-origin:100% 100%}.dice-container[data-v-70da6556]{width:40px;height:40px;position:relative;margin:15px auto 0;transform:scale(.7);perspective:1000px;perspective-origin:50% 100%}@media(max-height:600px){.dice-container[data-v-70da6556]{margin:5px auto 0;transform:scale(.5)}}#cube[data-v-70da6556]{width:100%;height:100%;top:0;position:absolute;transform-style:preserve-3d;transition:transform .25s linear;transform:rotateX(-20deg) rotateY(20deg)}#cube.roll[data-v-70da6556]{transform:rotateX(2turn) rotateY(2turn)}#cube[data-v-70da6556]:hover{cursor:pointer}#cube div[data-v-70da6556]{background:hsla(0,0%,100%,.9);display:block;position:absolute;width:100%;height:100%;border:1px solid #eee;margin:0 auto;text-align:center;padding:15px 0;box-sizing:border-box}.dot[data-v-70da6556]{display:block;position:absolute;width:5px;height:5px;background:#2e3a44;border-radius:15px}.front .dot1[data-v-70da6556]{top:50%;left:50%;transform:translate(-50%,-50%)}.back .dot1[data-v-70da6556]{top:25%;left:25%;transform:translate(-50%,-50%)}.back .dot2[data-v-70da6556]{top:75%;left:75%;transform:translate(-50%,-50%)}.right .dot1[data-v-70da6556]{top:25%;left:25%;transform:translate(-50%,-50%)}.right .dot2[data-v-70da6556]{top:50%;left:50%;transform:translate(-50%,-50%)}.right .dot3[data-v-70da6556]{top:75%;left:75%;transform:translate(-50%,-50%)}.left .dot1[data-v-70da6556]{top:25%;left:25%;transform:translate(-50%,-50%)}.left .dot2[data-v-70da6556]{top:25%;left:75%;transform:translate(-50%,-50%)}.left .dot3[data-v-70da6556]{top:75%;left:25%;transform:translate(-50%,-50%)}.left .dot4[data-v-70da6556]{top:75%;left:75%;transform:translate(-50%,-50%)}.top .dot1[data-v-70da6556]{top:25%;left:25%;transform:translate(-50%,-50%)}.top .dot2[data-v-70da6556]{top:25%;left:75%;transform:translate(-50%,-50%)}.top .dot3[data-v-70da6556]{top:75%;left:25%;transform:translate(-50%,-50%)}.top .dot4[data-v-70da6556]{top:75%;left:75%;transform:translate(-50%,-50%)}.top .dot5[data-v-70da6556]{top:50%;left:50%;transform:translate(-50%,-50%)}.bottom .dot1[data-v-70da6556]{top:25%;left:25%;transform:translate(-50%,-50%)}.bottom .dot2[data-v-70da6556]{top:50%;left:25%;transform:translate(-50%,-50%)}.bottom .dot3[data-v-70da6556]{top:75%;left:25%;transform:translate(-50%,-50%)}.bottom .dot4[data-v-70da6556]{top:25%;left:75%;transform:translate(-50%,-50%)}.bottom .dot5[data-v-70da6556]{top:50%;left:75%;transform:translate(-50%,-50%)}.bottom .dot6[data-v-70da6556]{top:75%;left:75%;transform:translate(-50%,-50%)}#tsparticles{opacity:0;transition:all .4s;z-index:1}#tsparticles.show{opacity:1}.intro-wrap{position:relative;width:100%;height:100%;min-height:100vh;display:block;padding:20px 10px;box-sizing:border-box;z-index:1000}@media(max-height:600px){.intro-wrap{padding:10px}}.hide{opacity:0}.choices{padding:10px 20px 30px;max-width:80%;margin:auto}@media(max-height:600px){.choices{padding:10px 20px 0}}.choice{display:block;text-align:left;line-height:1.2;font-size:18px;margin-bottom:15px;font-weight:800;opacity:.7}@media(max-height:600px){.choice{font-size:15px;margin-bottom:8px}}.intro{position:relative;margin-top:80px;width:100%;padding:10px;text-align:center;box-sizing:border-box;z-index:100}@media(max-height:600px){.intro{margin-top:50px;padding:10px 0}}.intro .heading{font-size:32px;line-height:1.2;margin:0;color:#222}@media(max-height:600px){.intro .heading{font-size:24px}}.intro p{font-size:18px;width:100%;padding:0 15px;margin:0 auto;box-sizing:border-box;text-align:left;color:#303952}.btn-wrap span{width:auto;height:auto;border-radius:60px;text-decoration:none;text-transform:uppercase;line-height:40px;padding:0 20px;color:#fff;background:linear-gradient(153deg,rgba(37,188,184,.67),#ff9ef7);display:inline-block;margin:10px auto 0;font-size:15px;letter-spacing:1px;box-shadow:0 0 50px 0 rgba(247,143,179,.5);cursor:pointer}