:root{--transition-400:all 400ms ease-in-out}.render{width:100%}#btn-enter{transition:var(--transition-400);cursor:pointer}#btn-label{transition:var(--transition-400)}#btn-label:after{transition:var(--transition-400)}#btn-label:hover{font-size:8vh;letter-spacing:1vh;line-height:.3;color:var(--color-black)}#btn-label:hover:after{width:100%;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.btn-clicked:after{top:100%!important;height:10%!important;border-radius:0!important}#intro-title-web,#intro-title-welcome{transition:var(--transition-400)}.intro-title-show{opacity:1!important}#welcome-web:before{transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}#welcome-text li,#welcome-web li{transition:var(--transition-400)}#welcome-web li.spaced{padding-left:1rem}#welcome-web.welcome-hidden li.spaced{padding-left:0}#welcome-web li:after{transition:var(--transition-400)}.web-effect[id^=web]:after{width:100%!important;transition:var(--transition-400);border:1px solid var(--color-black)}.web-effect[id^=web]{color:var(--color-black)!important;padding:0 3px 0 10px}.web-effect#web-1:after{background:#f36;transition-delay:50ms;-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}.web-effect#web-1{transition-delay:110ms}.web-effect#web-2:after{background:#f63;transition-delay:80ms;-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}.web-effect#web-2{transition-delay:110ms}.web-effect#web-3:after{background:#fc3;transition-delay:140ms;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}.web-effect#web-3{transition-delay:170ms}.web-effect#web-4:after{background:#3f6;transition-delay:.2s;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}.web-effect#web-4{transition-delay:230ms}.web-effect#web-5:after{background:#3fc;transition-delay:260ms;-webkit-transform:rotate(0);transform:rotate(0)}.web-effect#web-5{transition-delay:290ms}.web-effect#web-6:after{background:#3cf;transition-delay:320ms;-webkit-transform:rotate(5deg);transform:rotate(5deg)}.web-effect#web-6{transition-delay:350ms}.web-effect#web-7:after{background:#36f;transition-delay:370ms;-webkit-transform:rotate(10deg);transform:rotate(10deg)}.web-effect#web-7{transition-delay:.4s}.web-effect#web-8:after{background:#63f;transition-delay:430ms;-webkit-transform:rotate(15deg);transform:rotate(15deg)}.web-effect#web-8{transition-delay:460ms}#intro-note,#intro-subTitle{transition:-webkit-transform .4s cubic-bezier(.3,0,0,1);transition:transform .4s cubic-bezier(.3,0,0,1);transition:transform .4s cubic-bezier(.3,0,0,1),-webkit-transform .4s cubic-bezier(.3,0,0,1)}#intro-note:before{transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out}.before-animate:before{-webkit-transform:scale3d(1,1,1)!important;transform:scale3d(1,1,1)!important}canvas.canvas-hide{top:50%!important;left:50%!important;width:0!important;height:0!important}canvas{transition:var(--transition-400)}