*{margin:0;padding:0}.loading-box{width:100vw;height:100vh;position:relative;display:flex;align-items:center}.home{width:100vw;height:100vh;position:relative;margin:0 auto}.box{position:relative;min-height:100vh}.item_img{position:absolute;left:0;top:0;animation:duang .8s linear infinite alternate-reverse}.item_img:nth-child(2n){animation:duang .8s linear infinite alternate-reverse}.item_img:nth-child(3n){animation:duang .8s linear infinite alternate-reverse .5s}.item_img:nth-child(4n){animation:duang 1.4s linear infinite alternate-reverse 1s}.item_img:nth-child(5n){animation:duang .8s linear infinite alternate-reverse 1.3s}.item_img:nth-child(11n){animation:duang 1.3s linear infinite alternate-reverse 1.3s}.item_img:nth-child(7n){animation:duang 1s linear infinite alternate-reverse 1.3s}.item_img:nth-child(12n),.item_img:nth-child(13n),.item_img:nth-child(23n){animation:duang .8s linear infinite alternate-reverse 1.3s}@keyframes duang{0%{transform:translateZ(0)}25%{transform:translate3d(0,-.15rem,0)}50%{transform:translateZ(0)}75%{transform:translate3d(0,.15rem,0)}to{transform:translateZ(0)}}video,img{display:block;width:100%}.mp3-box{position:relative}.enter{position:absolute;width:20%;height:40%;left:40%;top:20%;cursor:pointer}.apple{width:13%;height:10%;position:absolute;left:3%;top:57%}.google{width:13%;height:10%;position:absolute;left:17%;top:57%}.mobile{width:22.2%;position:absolute;left:57.8%;top:10%}.m{position:relative;z-index:1;touch-action:none;pointer-events:none}.iframe{position:absolute;width:92%;height:96%;left:4%;top:2%;z-index:0;border-radius:10%}.gif{position:absolute;width:60%;left:0;top:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}#canvas2{width:100vw;height:100vh;position:absolute;left:0;top:0;z-index:1;opacity:.5}