@import url(https://fonts.googleapis.com/css2?family=Pacifico&family=Bebas+Neue&family=Oswald&family=Yanone+Kaffeesatz&family=Odibee+Sans&family=Fjalla+One&family=Squada+One&family=Teko&family=Anton&family=Bungee+Inline&Pacifico&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{outline:none!important;box-sizing:border-box}#root,body,html{height:100%;font-family:"Teko"}#root,.grid,body,html{width:100%;margin:0;padding:0}.grid{list-style:none}.grid,.grid li{position:relative}.grid li{float:left;font-size:8rem;line-height:1.5;max-height:290px;text-align:center;margin-right:2rem;display:block}.grid li span{display:inline-block;font-weight:900;line-height:1;position:relative;color:rgba(0,0,0,.6);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:550px;-ms-perspective:550px;perspective:550px;z-index:1}.grid li span:after,.grid li span:before{position:absolute;content:attr(data-letter);line-height:inherit;top:0;left:0;right:0;bottom:0;z-index:2;transition:all .3s}.grid li span:before{text-shadow:none;color:rgba(0,0,0,.12)}.ot-letter-left{background:transparent}.ot-letter-left span{text-shadow:1px 4px 6px transparent,0 0 0 rgba(0,0,0,.3),1px 4px 6px transparent}.ot-letter-left span:after{color:transparent}.ot-letter-left:hover span:after{color:hsla(0,0%,100%,.1)}.ot-letter-right{background:transparent}.ot-letter-right span{text-shadow:1px 4px 6px transparent,0 0 0 rgba(0,0,0,.3),1px 4px 6px transparent}.ot-letter-right span:after{color:transparent}.ot-letter-right:hover span:after{color:hsla(0,0%,100%,.1)}.ot-letter-top{background:transparent}.ot-letter-top span{text-shadow:1px 4px 6px transparent,0 0 0 rgba(0,0,0,.3),1px 4px 6px transparent}.ot-letter-top span:after{color:transparent}.ot-letter-top:hover span:after{color:hsla(0,0%,100%,.1)}.ot-letter-bottom{background:transparent}.ot-letter-bottom span{text-shadow:1px 4px 6px transparent,0 0 0 rgba(0,0,0,.3),1px 4px 6px transparent}.ot-letter-bottom span:after{color:transparent}.ot-letter-bottom:hover span:after{color:hsla(0,0%,100%,.1)}.ot-letter-left span:after,.ot-letter-left span:before{-webkit-transform-origin:0 50%;transform-origin:0 50%}.ot-letter-left span:before{-webkit-transform:scaleX(1.08) skew(0deg,1deg);transform:scaleX(1.08) skew(0deg,1deg)}.ot-letter-left span:after{text-shadow:-1px 0 0 rgba(255,255,255,.1),3px 0 1px rgba(0,0,0,.4);-webkit-transform:rotateY(-15deg);transform:rotateY(-15deg)}.ot-letter-left:hover span:before{-webkit-transform:scaleX(.85) skew(0deg,20deg);transform:scaleX(.85) skew(0deg,20deg)}.ot-letter-left:hover span:after{-webkit-transform:rotateY(-40deg);transform:rotateY(-40deg)}.ot-letter-right span:after,.ot-letter-right span:before{-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.ot-letter-right span:before{-webkit-transform:scaleX(.85) skew(0deg,1deg);transform:scaleX(.85) skew(0deg,1deg)}.ot-letter-right span:after{text-shadow:1px 0 0 rgba(255,255,255,.1),-3px 0 1px rgba(0,0,0,.4);-webkit-transform:rotateY(15deg);transform:rotateY(15deg)}.ot-letter-right:hover span:before{-webkit-transform:scaleX(.85) skew(0deg,-20deg);transform:scaleX(.85) skew(0deg,-20deg)}.ot-letter-right:hover span:after{-webkit-transform:rotateY(40deg);transform:rotateY(40deg)}.ot-letter-top span:after,.ot-letter-top span:before{-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ot-letter-top span:before{-webkit-transform:scaleY(.95) skew(-4deg,0deg);transform:scaleY(.95) skew(-4deg,0deg)}.ot-letter-top span:after{text-shadow:0 1px 0 rgba(255,255,255,.1),0 -3px 1px rgba(0,0,0,.4);-webkit-transform:rotateX(-15deg);transform:rotateX(-15deg)}.ot-letter-top:hover span:before{-webkit-transform:translateY(-.05em) scaleY(.55) skew(-10deg,0deg);transform:translateY(-.05em) scaleY(.55) skew(-10deg,0deg)}.ot-letter-top:hover span:after{-webkit-transform:translateY(-.035em) rotateX(-40deg);transform:translateY(-.035em) rotateX(-40deg)}.ot-letter-bottom span:after,.ot-letter-bottom span:before{-webkit-transform-origin:50% 0;transform-origin:50% 0}.ot-letter-bottom span:before{-webkit-transform:scaleY(1.05) skew(4deg,0deg);transform:scaleY(1.05) skew(4deg,0deg)}.ot-letter-bottom span:after{text-shadow:0 -1px 0 rgba(255,255,255,.1),0 3px 1px rgba(0,0,0,.4);-webkit-transform:rotateX(15deg);transform:rotateX(15deg)}.ot-letter-bottom:hover span:before{-webkit-transform:translateY(-.035em) scaleY(1.2) skew(10deg,0deg);transform:translateY(-.035em) scaleY(1.2) skew(10deg,0deg)}.ot-letter-bottom:hover span:after{-webkit-transform:translateY(.045em) rotateX(40deg);transform:translateY(.045em) rotateX(40deg)}.circleContainer{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:100px;z-index:10000;opacity:0;transition:all .3s ease-in-out 0s;-webkit-animation:fade 5s infinite;animation:fade 5s infinite}@media (min-width:768px){.circleContainer{left:75px}}.circle{width:40px;height:40px;font-size:.6rem;text-shadow:0 2px 4px rgba(0,0,0,.3);text-transform:uppercase;font-weight:700;color:#313133;background:#fff;text-align:center;padding-top:14px;border:none;border-radius:50%;cursor:pointer;outline:none;box-shadow:0 0 10px 10px hsla(0,0%,100%,.5);margin:auto}.circleDot{width:10px;height:10px;border-radius:50%;background:transparent;border:1px solid #fff}.circleBar,.circleDot{margin:auto;box-shadow:0 0 2px 1px hsla(0,0%,100%,.2)}.circleBar{width:1px;height:30px;background-color:#fff}.circle:before{content:"";border-radius:500px;width:70px;height:70px;border:6px solid #fff;box-shadow:0 0 60px 60px hsla(0,0%,100%,.5);position:absolute;top:75%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;transition:all .3s ease-in-out 0s}.circle:focus,.circle:focus:before,.circle:hover,.circle:hover:before{opacity:1}.circle:after{content:"";width:30px;height:30px;border-radius:100%;border:6px solid #fff;position:absolute;z-index:-1;top:75%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:ring 2.5s infinite;animation:ring 2.5s infinite}.circleContainer:focus:after,.circleContainer:hover,.circleContainer:hover:after{-webkit-animation:none;animation:none;opacity:.7}@-webkit-keyframes fade{0%{opacity:0}25%{opacity:.7}50%{opacity:0}to{opacity:0}}@keyframes fade{0%{opacity:0}25%{opacity:.7}50%{opacity:0}to{opacity:0}}@-webkit-keyframes ring{0%{width:30px;height:30px;opacity:1}to{width:200px;height:200px;opacity:0}}@keyframes ring{0%{width:30px;height:30px;opacity:1}to{width:200px;height:200px;opacity:0}}.glass{background:hsla(0,0%,100%,.25);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;border:1px solid hsla(0,0%,100%,.18)}.swipe-me{width:90px;height:1px;position:absolute;right:20px;bottom:20px;z-index:2;text-align:right;opacity:0}.swipe-me.active{opacity:1}.swipe-me b{width:100px;font-size:12px;font-weight:600;color:#fff;-webkit-transform-origin:left;transform-origin:left;float:right}.swipe-me span{display:block;position:relative}.swipe-me span:before{-webkit-animation:elasticus 1.2s cubic-bezier(1,0,0,1) infinite;animation:elasticus 1.2s cubic-bezier(1,0,0,1) infinite;position:absolute;top:0;left:0;width:90px;height:1px;background:#fff;content:""}@-webkit-keyframes elasticus{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(0);transform:scaleX(0)}50%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1);transform:scale(1)}50.1%{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes elasticus{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(0);transform:scaleX(0)}50%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1);transform:scale(1)}50.1%{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(0);transform:scaleX(0)}}.slider>.slide{opacity:0}.slide.selected{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.projects .carousel .control-dots .dot{margin:0 3px}}
/*# sourceMappingURL=main.9b309594.chunk.css.map */