p{margin:0}h1{margin:0}h2{margin:0}h3{margin:0}html,body{width:100%;height:100%;margin:0}.container{position:relative;width:100%;height:100%}.content{transform:perspective(1400px) matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform-style:preserve-3d;position:absolute;cursor:pointer;background-color:#fff0}.wrapper{position:absolute;transform:translateZ(0);background-color:#fff;overflow:hidden}.size{width:300px;height:600px}.background{position:absolute;left:0;top:0;opacity:0;animation:fadeIn 0.5s linear 0s normal forwards}.shape1{opacity:0;position:absolute;left:0;top:0;width:300px;height:600px;animation-name:slide-in-bottom,slide-out-blurred-left;animation-duration:0.5s,0.45s;animation-delay:0.5s,8s;animation-timing-function:cubic-bezier(.23,1,.32,1),cubic-bezier(.755,.05,.855,.06);animation-iteration-count:normal,normal;animation-fill-mode:forwards,forwards}.t1_ar{opacity:0;position:absolute;left:0;top:300px;width:100%;height:60px;animation-name:slide-in-top;animation-duration:0.5s;animation-delay:1s;animation-timing-function:cubic-bezier(.23,1,.32,1);animation-iteration-count:normal;animation-fill-mode:forwards}.t2_ar{opacity:0;position:absolute;left:0;top:350px;width:100%;height:60px;animation-name:slide-in-top;animation-duration:0.5s,0.45s;animation-delay:2s;animation-timing-function:cubic-bezier(.23,1,.32,1);animation-iteration-count:normal;animation-fill-mode:forwards}.t3_ar{opacity:0;position:absolute;left:0;top:400px;width:100%;height:60px;animation-name:slide-in-top;animation-duration:0.5s;animation-delay:3s;animation-iteration-count:normal;animation-fill-mode:forwards}.divider{position:absolute;height:3px;width:80%;bottom:130px;left:10%;background-color:#00c2df;transform:scaleX(0);animation-name:scaling;animation-duration:0.5s;animation-delay:3.75s;animation-timing-function:cubic-bezier(.23,1,.32,1);animation-iteration-count:normal;animation-fill-mode:forwards}.logo_container{position:absolute;bottom:54px;left:0;width:100%;text-align:center}.st0{fill:#00c2df;stroke:#00c2df;stroke-width:2px}.st1{fill:#fff}.logo{opacity:0;height:48px;width:48px;animation-name:swirl-in-fwd;animation-duration:.6s;animation-delay:4.5s;animation-timing-function:ease-out;animation-iteration-count:normal;animation-fill-mode:both}.t4_fr{opacity:0;position:absolute;bottom:0;left:0;width:100%;height:60px;animation-name:slide-in-blurred-left;animation-duration:.5s;animation-delay:5.25s;animation-timing-function:ecubic-bezier(.23,1,.32,1);animation-iteration-count:normal;animation-fill-mode:forwards}@keyframes slide-in-bottom{0%{transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-top{0%{transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes scaling{From{transform:scale(0)}To{transform:scale(.5)}To{transform:scale(1)}}@keyframes slide-in-blurred-left{0%{transform:translateX(-1000px) scaleX(2.5) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}100%{transform:translateX(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes swirl-in-fwd{0%{transform:rotate(-540deg) scale(0);opacity:0}100%{transform:rotate(0) scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}