body,div,footer,h1,h2,h3,header,img,main,object,p{margin:0;padding:0;font-family:Hind,sans-serif;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main{background:#ddd;width:100vw;height:100vh}.scrollin{animation:fadeitem .5s}@keyframes fadeitem{0%{opacity:0;margin-top:-1px;visibility:hidden}30%{opacity:.1}80%{opacity:.3}90%{visibility:visible}to{margin-top:0;opacity:1}}.doublein{animation:doubleitem .5s}@keyframes doubleitem{0%{opacity:0;visibility:hidden}30%{opacity:.1}95%{opacity:.3;visibility:visible}to{opacity:1}}.single{animation:singleitem .8s}@keyframes singleitem{0%{opacity:0;visibility:hidden;width:100%;height:100%}80%{opacity:0}90%{visibility:visible;opacity:.4}to{opacity:1}}.landscape{animation:landscapeitem 1.5s}@keyframes landscapeitem{0%{opacity:0;visibility:hidden}80%{opacity:0}90%{opacity:.4}to{visibility:visible;opacity:1}}.movein{animation:slide .5s forwards}.moveout{;animation:slideout ease-in-out .5 forwards}.blink{animation:blinkit 3s;background:#303f9f}@keyframes blinkit{0%{opacity:1}20%{opacity:.8}30%{opacity:.7}50%{opacity:.6}60%{opacity:.7}80%{opacity:.8}to{opacity:0;background:none}}@keyframes slide{to{right:0}}@keyframes slideout{to{right:-150px}}.reactanimi{position:relative;margin:auto;width:120px;line-height:64px;text-align:center;color:#fff;font-size:20px;cursor:pointer;animation:borderoff 1s -8.5s}.reactanimi:after,.reactanimi:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:none;transition:all .5s;animation:clippath 5s linear 1;border-radius:2px}.reactanimi:after{animation:clippath 5s linear -2s 1}@keyframes clippathone{0%{border:1px solid blue;-webkit-clip-path:inset(0 0 98% 0);clip-path:inset(0 0 98% 0)}25%{-webkit-clip-path:inset(0 98% 0 0);clip-path:inset(0 98% 0 0);border:1px solid blue}50%{-webkit-clip-path:inset(98% 0 0 0);clip-path:inset(98% 0 0 0);border:1px solid blue}75%{-webkit-clip-path:inset(0 0 0 98%);clip-path:inset(0 0 0 98%);border:1px solid blue}to{-webkit-clip-path:inset(0 0 98% 0);clip-path:inset(0 0 98% 0);border:1px solid blue}}@keyframes clippath{0%{border:1px solid blue;-webkit-clip-path:inset(0 0 98% 0);clip-path:inset(0 0 98% 0)}25%{-webkit-clip-path:inset(0 98% 0 0);clip-path:inset(0 98% 0 0);border:1px solid blue}50%{-webkit-clip-path:inset(98% 0 0 0);clip-path:inset(98% 0 0 0);border:1px solid blue}75%{-webkit-clip-path:inset(0 0 0 98%);clip-path:inset(0 0 0 98%);border:1px solid blue}to{-webkit-clip-path:inset(0 0 98% 0);clip-path:inset(0 0 98% 0);border:1px solid blue}}@keyframes borderoff{to{border:none}}.blinkbox{animation:borderoff 15s}