html{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,sans-serif;font-size:1.25vw}@media only screen and (width<=1199px){html{font-size:2.5vw}}@media only screen and (width<=450px),only screen and (device-width<=450px){html{font-size:14pt}}@media only screen and (device-width<=450px) and (-webkit-device-pixel-ratio>=2),only screen and (device-width<=450px) and (resolution>=192dpi){html{font-size:28pt}}body{background:url(background-filter.5dd27478.png),linear-gradient(90deg,#434f6e 0%,#3a404f 100%);margin:0;padding:0;position:relative}h1,h2,h3{margin:0 auto}.h1{color:#fff;font-size:3.33333vw;font-weight:800}@media only screen and (width<=1199px){.h1{font-size:5.26316vw}}@media only screen and (width<=450px),only screen and (device-width<=450px){.h1{font-size:1.7rem}}.h2{color:#fff6;font-size:1.78571vw;font-weight:700}@media only screen and (width<=1199px){.h2{font-size:2.85714vw;line-height:1.15}}@media only screen and (width<=450px),only screen and (device-width<=450px){.h2{font-size:1.3rem}}.h3{color:#fff;font-size:1.66667vw;font-weight:700}@media only screen and (width<=1199px){.h3{font-size:3.33333vw}}@media only screen and (width<=450px),only screen and (device-width<=450px){.h3{font-size:1.15rem}}.capital{text-transform:uppercase}.nowrap{white-space:nowrap}.btn{background-color:#fff6;border-radius:.208333vw;padding:1.04167vw 2.08333vw;text-decoration:none;transition:color .35s,background .35s;display:inline-block}@media only screen and (width<=1199px){.btn{border-radius:.416667vw;padding:2.08333vw 4.16667vw}}@media only screen and (width<=450px),only screen and (device-width<=450px){.btn{border-radius:.2rem;padding:.5rem 1.5rem}}.btn:hover{color:#000000b3;background-color:#fff}hr.separator{background-color:#fff;border:none;width:3.84615vw;height:.104167vw;margin:1.04167vw auto}@media only screen and (width<=1199px){hr.separator{width:7.69231vw;height:.208333vw;margin:2.08333vw auto}}@media only screen and (width<=450px),only screen and (device-width<=450px){hr.separator{width:3rem;height:.15rem;margin:1rem auto}}.hidden{display:none}.wrap{box-sizing:border-box;width:100%;max-width:1780pt;margin:0 auto;padding:3.7037vw 8.33333vw;overflow-x:hidden}@media only screen and (width<=1199px){.wrap{padding:8.33333vw}}@media only screen and (width<=450px),only screen and (device-width<=450px){.wrap{padding:2rem 1rem}}.background{opacity:0;z-index:0;width:100%;height:100%;transition:opacity 1.5s;position:absolute;inset:0}.background.active{opacity:1}.background.gamingtitans{background:url(background-filter.5dd27478.png),linear-gradient(90deg,#3a404f 0%,#434f6e 100%)}.background.skylife{background:url(background-filter.5dd27478.png),linear-gradient(90deg,#144989 0%,#45b2c3 100%)}.background.naviterier{background:url(background-filter.5dd27478.png),linear-gradient(90deg,#5967ac 0%,#8585c7 100%)}.background.classicshoes{background:url(background-filter.5dd27478.png),linear-gradient(90deg,#7e655f 0%,#c6ab96 100%)}.background.rockandsole{background:url(background-filter.5dd27478.png),linear-gradient(90deg,#788d7a 0%,#7da380 100%)}.background.crysis3game{background:url(background-filter.5dd27478.png),linear-gradient(90deg,#583752 0%,#7daaaa 100%)}.background.penzion{background:url(background-filter.5dd27478.png),linear-gradient(90deg,#423e3b 0%,#645952 100%)}.background.keeplaugh{background:url(background-filter.5dd27478.png),linear-gradient(90deg,#296a88 0%,#3e91b7 100%)}section{position:relative}#webgl{z-index:0;opacity:.75;transition:opacity .7s ease-out,transform .7s ease-out;position:absolute;top:75%;left:45%;width:100%!important;height:50%!important}#webgl.init{opacity:0;transform:translateY(20%)}@media only screen and (width<=1199px){#webgl{opacity:0;display:none;transform:translateY(20%)}}#index{perspective:1000px}#index .top{will-change:transform;justify-content:space-between;height:3.90625vw;transition:transform .35s;display:flex}@media only screen and (width<=1199px){#index .top{height:7.8125vw}}@media only screen and (width<=450px),only screen and (device-width<=450px){#index .top{height:3.72525rem}}#index .top .logowrap{will-change:transform;margin:auto;transition:transform .35s .7s}#index .top .logocontainer{will-change:transform;margin:auto;transition:transform .35s}#index .top .logo{will-change:opacity;visibility:visible;width:4.16667vw;height:3.88047vw;transition:opacity .35s}@media only screen and (width<=1199px){#index .top .logo{width:8.33333vw;height:7.76094vw}}@media only screen and (width<=450px),only screen and (device-width<=450px){#index .top .logo{width:4rem;height:3.72525rem}}#index .top .logo>*{visibility:visible}#index .top .logo .a,#index .top .logo .b{will-change:transform;transition:transform .35s ease-out .35s}#index .top .logo .c{will-change:transform;transition:transform .35s .35s}#index .top .logo .e{will-change:transform;transition:transform .35s ease-out}#index .top .logo path{fill:#fff}#index .top .logo .x{opacity:.6}body.init #index .top .logo{opacity:0}body.init #index .top .logo .a{transform:skew(11.3deg)translate(-55.4%)}body.init #index .top .logo .b{transform:skew(-11.3deg)translate(55.4%)}body.init #index .top .logo .c{transform:translateY(19.8%)}body.init #index .top .logo .e{transform:translate(67%)}#index .middle{box-sizing:border-box;will-change:opacity;transition:opacity .35s .35s,transform .35s .35s;display:flex}body.init #index .middle{opacity:0;transform:translateY(-10%)}@media only screen and (width<=1199px){#index .middle{flex-direction:column}}#index .middle .left{padding-top:0}@media only screen and (width<=1199px){#index .middle .left{min-height:calc(100vh - 23.9583vw);animation:none}#index .middle .left:before{content:"";display:block}}@media only screen and (width<=450px),only screen and (device-width<=450px){#index .middle .left{min-height:calc(100vh - 7.72525rem)}}@media only screen and (width<=1199px){#index .middle .left .content{padding:2rem 0}}#index .middle .right{flex-direction:row;justify-content:stretch;align-items:center;position:relative}@media only screen and (width<=1199px){#index .middle .right{min-height:0;margin:28.5714vw 0 25vw;padding:0;animation:none}}@media only screen and (width<=450px),only screen and (device-width<=450px){#index .middle .right{min-height:22rem;margin:0;padding:4rem 0 8rem}}#index .middle .right .slide{transform-origin:top;flex-direction:column;justify-content:center;align-items:center;min-width:100%;min-height:calc(100vh - 21.8461vw);transition:transform .5s ease-in,opacity .5s ease-in;display:flex;position:absolute}#index .middle .right .slide:first-child{position:relative}@media only screen and (width<=1199px){#index .middle .right .slide{min-height:0}}#index .middle .right .slide.active.init .browser{opacity:0;transition:transform,opacity;transform:rotateX(30deg)rotateY(-15deg)rotate(15deg)translateY(-35%)}#index .middle .right .slide.active .browser{opacity:1;transition:transform .7s ease-out,opacity .7s ease-in;transform:matrix(1,0,0,1,0,0)}#index .middle .right .slide.active.init .undertext strong,#index .middle .right .slide.active.init .undertext span{opacity:0;transition:transform,opacity}#index .middle .right .slide.active.init .undertext strong{transform:translate(0)translateY(2rem)}#index .middle .right .slide.active.init .undertext span{transform:translate(-2rem)translateY(0)}#index .middle .right .slide.active .undertext strong,#index .middle .right .slide.active .undertext span{opacity:1;transform:matrix(1,0,0,1,0,0)}#index .middle .right .slide.active .undertext strong{transition:transform .5s ease-out .15s,opacity .5s ease-out .15s}#index .middle .right .slide.active .undertext span{transition:transform .5s ease-out .35s,opacity .5s ease-out .35s}#index .middle .right .slide .undertext{text-align:left;justify-items:flex-start;width:31.25vw;margin-top:2.08333vw;display:flex}@media only screen and (width<=1199px){#index .middle .right .slide .undertext{width:62.5vw;margin-top:4.16667vw}}@media only screen and (width<=450px),only screen and (device-width<=450px){#index .middle .right .slide .undertext{flex-direction:column;width:100%;margin-top:2rem}}#index .middle .right .slide .undertext strong{white-space:nowrap;opacity:0;margin:0 4rem 0 2rem;transition:transform .5s ease-in,opacity .5s ease-in;transform:translate(6rem)}@media only screen and (width<=450px),only screen and (device-width<=450px){#index .middle .right .slide .undertext strong{margin:0 2rem .5rem}}#index .middle .right .slide .undertext span{opacity:0;margin-right:2rem;transition:transform .5s ease-in,opacity .5s ease-in;transform:translate(6rem)}@media only screen and (width<=450px),only screen and (device-width<=450px){#index .middle .right .slide .undertext span{margin:0 2rem}}#index .middle .right .slide .browser{transform-origin:top;opacity:0;border-radius:.208333vw;flex-direction:column;width:31.25vw;transition:transform .5s ease-in,opacity .5s ease-in;display:flex;position:relative;overflow:hidden;transform:translate(6rem);box-shadow:0 .328947vw .657895vw #00000029}@media only screen and (width<=1199px){#index .middle .right .slide .browser{border-radius:.416667vw;width:62.5vw;box-shadow:0 .657895vw 1.31579vw #00000029}}@media only screen and (width<=450px),only screen and (device-width<=450px){#index .middle .right .slide .browser{border-radius:.2rem;width:100%;box-shadow:0 .5rem 1rem #00000029}}#index .middle .right .slide .browser .bar{background:#ededed;align-items:center;width:100%;height:1.04167vw;padding-left:.416667vw;display:flex}@media only screen and (width<=1199px){#index .middle .right .slide .browser .bar{height:2.08333vw;padding-left:.833333vw}}@media only screen and (width<=450px),only screen and (device-width<=450px){#index .middle .right .slide .browser .bar{height:1.4rem;padding-left:.57rem}}#index .middle .right .slide .browser .bar>em,#index .middle .right .slide .browser .bar:before,#index .middle .right .slide .browser .bar:after{box-sizing:border-box;background:#fdc149;border-radius:100%;width:.416667vw;height:.416667vw;margin-right:.208333vw;display:inline-block}@media only screen and (width<=1199px){#index .middle .right .slide .browser .bar>em,#index .middle .right .slide .browser .bar:before,#index .middle .right .slide .browser .bar:after{width:.833333vw;height:.833333vw;margin-right:.416667vw}}@media only screen and (width<=450px),only screen and (device-width<=450px){#index .middle .right .slide .browser .bar>em,#index .middle .right .slide .browser .bar:before,#index .middle .right .slide .browser .bar:after{width:.57rem;height:.57rem;margin-right:.285rem}}#index .middle .right .slide .browser .bar:before,#index .middle .right .slide .browser .bar:after{content:""}#index .middle .right .slide .browser .bar:before{background:#fc625e}#index .middle .right .slide .browser .bar:after{background:#38d052}#index .middle .right .slide .browser .content{width:100%}#index .middle .right .next{appearance:none;cursor:pointer;background:0 0;border:none;outline:none;width:2.77778vw;padding:0;font-size:0;line-height:0;animation:1s .5s both nextButtonAppear;position:absolute;top:50%;right:0;transform:translateY(-50%)}@media only screen and (width<=1199px){#index .middle .right .next{width:5.55556vw;animation:none}}@media only screen and (width<=450px),only screen and (device-width<=450px){#index .middle .right .next{width:2rem;top:auto;bottom:5.5rem;left:50%;transform:translate(-50%,50%)}}#index .middle .right .next:hover svg{stroke:#000000b3}#index .middle .right .next:hover .progress circle{fill:#fff;stroke-width:12px}#index .middle .right .next:hover .arrow path{fill:#000000b3}#index .middle .right .next svg{fill:#fff;stroke:#fff;stroke-width:0}#index .middle .right .next .progress{width:100%}#index .middle .right .next .progress circle{fill:#fff6;stroke-width:4px;stroke-linecap:round;stroke-dasharray:339.292;stroke-dashoffset:339.292px;transition:stroke-dashoffset,stroke .35s,fill .35s,stroke-width .35s}#index .middle .right .next .progress.active circle{stroke-dashoffset:0;transition:stroke-dashoffset 6s,stroke .35s,fill .35s,stroke-width .35s}#index .middle .right .next .arrow{height:25%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#index .middle .right .next .arrow path{transition:fill .35s}@keyframes nextButtonAppear{0%{opacity:0}to{opacity:1}}#index .middle>*{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:50%;min-height:calc(100vh - 21.8461vw);padding:3.7037vw 0;display:flex}@media only screen and (width<=1199px){#index .middle>*{justify-content:space-between;width:100%;min-height:calc(100vh - 32.2917vw);padding:8.33333vw 0}}@media only screen and (width<=450px),only screen and (device-width<=450px){#index .middle>*{min-height:calc(100vh - 4rem);padding:2rem 0}}#index .middle .btn{margin-top:2.77778vw}@media only screen and (width<=1199px){#index .middle .btn{margin-top:5.55556vw}}@media only screen and (width<=450px),only screen and (device-width<=450px){#index .middle .btn{margin-top:2rem}}#index .middle .contact{margin:5.55556vw auto 0;display:none}@media only screen and (width<=1199px){#index .middle .contact{display:block}}@media only screen and (width<=450px),only screen and (device-width<=450px){#index .middle .contact{margin-top:2rem}}#index .middle .scrollwrap{display:none}@media only screen and (width<=1199px){#index .middle .scrollwrap{display:block}}#index .bottom{justify-content:space-between;align-items:flex-end;height:3.125vw;display:flex}@media only screen and (width<=1199px){#index .bottom{display:none}}#index .bottom:after{content:"";width:33.3%;display:block}#index .bottom .contact{width:33.3%}@media only screen and (width<=1199px){#index .bottom .contact{animation:none}}#index .bottom .contact a{cursor:pointer;transition:transform .35s,color .35s;display:inline-block}#index .bottom .contact a:hover{color:#ffffffb3;text-decoration:none;transform:translate(.5rem)}#index .contact{margin:0}#index .contact a{color:#fff;text-decoration:none}#index .contact a:hover{text-decoration:underline}#index .mouse{box-sizing:border-box;border:.104167vw solid #fff;border-radius:1.04167vw;width:2.08333vw;height:3.125vw;position:relative}@media only screen and (width<=1199px){#index .mouse{border:.208333vw solid #fff;border-radius:2.08333vw;width:4.16667vw;height:6.25vw}}@media only screen and (width<=450px),only screen and (device-width<=450px){#index .mouse{border:.125rem solid #fff;border-radius:1rem;width:2rem;height:3rem}}#index .mouse .wheel{box-sizing:border-box;background:#fff;border-radius:.104167vw;width:.208333vw;height:.833333vw;animation:4s infinite mouse;position:absolute;top:.625vw;left:50%;transform:translate(-50%)}@media only screen and (width<=1199px){#index .mouse .wheel{border-radius:.208333vw;width:.416667vw;height:1.66667vw;top:1.25vw}}@media only screen and (width<=450px),only screen and (device-width<=450px){#index .mouse .wheel{border-radius:.125rem;width:.2rem;height:.8rem;top:.75rem}}#index .touch{box-sizing:border-box;position:relative}@media only screen and (width<=1199px){#index .touch{border:.208333vw solid #fff;border-radius:1.04167vw;width:4.16667vw;height:7.69231vw}}@media only screen and (width<=450px),only screen and (device-width<=450px){#index .touch{border:.125rem solid #fff;border-radius:.5rem;width:2rem;height:3.5rem}}#index .touch:before,#index .touch:after{content:"";background:#fff;width:60%;display:block;position:absolute;top:0;left:50%;transform:translate(-50%,-40%)}@media only screen and (width<=1199px){#index .touch:before,#index .touch:after{border-radius:.520833vw;height:.520833vw}}@media only screen and (width<=450px),only screen and (device-width<=450px){#index .touch:before,#index .touch:after{border-radius:.2rem;height:.2rem}}#index .touch:after{top:auto;bottom:0}@media only screen and (width<=1199px){#index .touch:after{border-radius:.260417vw;height:.260417vw;transform:translate(-50%,-250%)}}@media only screen and (width<=450px),only screen and (device-width<=450px){#index .touch:after{border-radius:.125rem;height:.125rem;transform:translate(-50%,-150%)}}#index .touch .hand{opacity:0;width:150%;height:auto;animation:4s 3s infinite hand;position:absolute;bottom:-.5rem;left:50%}#about{box-sizing:border-box;flex-direction:column;justify-content:center;min-height:100vh;padding:10.4167vw 0;display:flex}@media only screen and (width<=1199px){#about{padding:0 0 20.8333vw}}@media only screen and (width<=450px),only screen and (device-width<=450px){#about{padding:0 0 8rem}}#about .around{justify-content:space-between;display:flex}@media only screen and (width<=1199px){#about .around{flex-direction:column}}#about .around .title{width:100%;display:none}@media only screen and (width<=1199px){#about .around .title{text-align:center;margin:8.33333vw auto;display:block}}@media only screen and (width<=450px),only screen and (device-width<=450px){#about .around .title{margin:0 auto 2rem}}#about .around .image{width:41%;position:relative}@media only screen and (width<=1199px){#about .around .image{width:100%}}#about .around .image .photo{border-radius:.208333vw;width:100%;position:relative;box-shadow:0 .328947vw .657895vw #00000029}@media only screen and (width<=1199px){#about .around .image .photo{border-radius:.416667vw;box-shadow:0 .657895vw 1.31579vw #00000029}}@media only screen and (width<=450px),only screen and (device-width<=450px){#about .around .image .photo{border-radius:.2rem;box-shadow:0 .5rem 1rem #00000029}}#about .around .image .stars{width:122%;height:auto;animation:360s linear infinite rotate;position:absolute;top:-4%;left:-8%}@media only screen and (width<=1199px){#about .around .image .stars{width:120%;top:-5%;left:-7%}}#about .around .texts{width:50%;margin-top:1.66667vw}@media only screen and (width<=1199px){#about .around .texts{text-align:center;width:100%;margin-top:8.33333vw}}@media only screen and (width<=450px),only screen and (device-width<=450px){#about .around .texts{margin-top:2rem}}@media only screen and (width<=1199px){#about .around .texts .heading{display:none}}#about .around .texts .subheading{margin-bottom:.5em}@media only screen and (width>=1200px){#about .around .texts .separator{margin-left:0}}#about .around .texts a{color:#fff}#about .around .texts a:hover{text-decoration:none}#about .around .texts p{margin:0 auto 1em}#iam{text-align:center}#iam .part{margin-bottom:14.2857vw}@media only screen and (width<=1199px){#iam .part{margin-bottom:28.5714vw}}@media only screen and (width<=450px),only screen and (device-width<=450px){#iam .part{margin-bottom:8rem}}#iam .part p{max-width:60%;margin:0 auto;line-height:1.5}@media only screen and (width<=1199px){#iam .part p{max-width:none}}#favorite{text-align:center}#favorite h2{margin:0 auto 3.7037vw}@media only screen and (width<=1199px){#favorite h2{margin-bottom:8.33333vw}}@media only screen and (width<=450px),only screen and (device-width<=450px){#favorite h2{margin-bottom:2rem}}#favorite .project{border-radius:.208333vw;width:100%;margin:0 auto 3.7037vw;box-shadow:0 .328947vw .657895vw #00000029}@media only screen and (width<=1199px){#favorite .project{border-radius:.416667vw;margin-bottom:8.33333vw;box-shadow:0 .657895vw 1.31579vw #00000029}}@media only screen and (width<=450px),only screen and (device-width<=450px){#favorite .project{border-radius:.2rem;margin-bottom:4rem;box-shadow:0 .5rem 1rem #00000029}}#projects{text-align:center}#projects .h1{margin-top:3.7037vw}@media only screen and (width<=1199px){#projects .h1{margin-top:8.33333vw}}@media only screen and (width<=450px),only screen and (device-width<=450px){#projects .h1{margin-top:2rem}}#projects .projects{flex-wrap:wrap;justify-content:space-between;margin-bottom:10.4167vw;padding:8.33333vw 0;display:flex}@media only screen and (width<=1199px){#projects .projects{padding:16.6667vw 0}}@media only screen and (width<=450px),only screen and (device-width<=450px){#projects .projects{margin-bottom:4rem;padding:4rem 0 calc(50.4722vw - 6.01889rem)}}#projects .iphone{width:23.4375vw;height:47.3177vw;margin-bottom:8.33333vw;position:relative}#projects .iphone:nth-child(3n+1){transform:translateY(20.8333vw)}#projects .iphone:nth-child(3n+3){transform:translateY(10.4167vw)}@media only screen and (width<=450px),only screen and (device-width<=450px){#projects .iphone{width:calc(50vw - 2rem);height:calc(100.944vw - 4.03778rem);margin-bottom:4rem}#projects .iphone:nth-child(odd){transform:translateY(0)}#projects .iphone:nth-child(2n){transform:translateY(calc(50.4722vw - 2.01889rem))}}#projects .iphone .bg{background:url(iphonex.86001152.svg) 50%/contain no-repeat;width:100%;height:100%;position:absolute;inset:0}#projects .iphone .inner{width:20.8333vw;height:45.026vw;display:flex;position:absolute;top:1.14583vw;left:1.30208vw;overflow:hidden}@media only screen and (width<=450px),only screen and (device-width<=450px){#projects .iphone .inner{width:90%;height:96%;top:2%;left:5%}}#projects .iphone .inner img{border-radius:.5rem;width:100%;position:absolute;top:0;left:0}#projects .iphone.fade img{opacity:0;transition:opacity 1.5s}#projects .iphone.fade img.active{opacity:1}#projects .iphone.slide .inner{display:block}#projects .iphone.slide img{width:50%;height:100%;position:relative}#projects .iphone.slide .around{will-change:transform;width:200%;height:100%;transition:transform .35s ease-out;display:flex}#projects .iphone.slide.slided .around{transform:translate(-50%)}#projects .iphone.page img{transition:transform .7s,top .7s;transform:translate(0,0)}#projects .iphone.page.scroll2 img.loaded{animation:6s ease-out infinite scroll2}#projects .iphone.page.scroll3 img.loaded{animation:9s ease-out .75s infinite scroll3}#projects .iphone.page.scroll4 img.loaded{animation:12s ease-out 1.5s infinite scroll4}#projects .iphone.page.scroll5 img.loaded{animation:15s ease-out 2.25s infinite scroll5}#contact{text-align:center;margin-bottom:3.7037vw}@media only screen and (width<=1199px){#contact{margin-bottom:8.33333vw}}@media only screen and (width<=450px),only screen and (device-width<=450px){#contact{margin:2rem 0}}#contact a{color:#fff6;cursor:pointer;text-decoration:none;transition:color .35s}#contact a:hover{color:#fff}@keyframes hand{0%{opacity:0;transform:translate(0,0)}25%{opacity:0;transform:translate(0,0)}50%{opacity:1;transform:translate(0,0)}75%{opacity:1;transform:translateY(-100%)}to{opacity:0;transform:translateY(-100%)}}@keyframes mouse{0%{transform:translate(-50%)}50%{transform:translate(-50%)}75%{transform:translate(-50%,80%)}to{transform:translate(-50%)}}@keyframes scroll2{0%{top:0%;transform:translate(0,0)}33.33%{top:0%;transform:translate(0,0)}50%{top:100%;transform:translateY(-100%)}83.33%{top:100%;transform:translateY(-100%)}to{top:0%;transform:translate(0,0)}}@keyframes scroll3{0%{top:0%;transform:translate(0,0)}22.22%{top:0%;transform:translate(0,0)}33.33%{top:50%;transform:translateY(-50%)}55.55%{top:50%;transform:translateY(-50%)}66.66%{top:100%;transform:translateY(-100%)}88.88%{top:100%;transform:translateY(-100%)}to{top:0%;transform:translate(0,0)}}@keyframes scroll4{0%{top:0%;transform:translate(0,0)}16.66%{top:0%;transform:translate(0,0)}25%{top:33.33%;transform:translateY(-33.33%)}41.66%{top:33.33%;transform:translateY(-33.33%)}50%{top:66.66%;transform:translateY(-66.66%)}66.66%{top:66.66%;transform:translateY(-66.66%)}75%{top:100%;transform:translateY(-100%)}91.66%{top:100%;transform:translateY(-100%)}to{top:0;transform:translate(0,0)}}@keyframes scroll5{0%{top:0%;transform:translate(0,0)}13.33%{top:0%;transform:translate(0,0)}20%{top:25%;transform:translateY(-25%)}33.33%{top:25%;transform:translateY(-25%)}40%{top:50%;transform:translateY(-50%)}53.33%{top:50%;transform:translateY(-50%)}60%{top:75%;transform:translateY(-75%)}73.33%{top:75%;transform:translateY(-75%)}80%{top:100%;transform:translateY(-100%)}93.33%{top:100%;transform:translateY(-100%)}to{top:0;transform:translate(0,0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}