.App{text-align:center;height:100vh;width:100vw;position:relative}.App .wrapper{width:100%;height:100%;position:absolute;display:table}.App .title{animation-duration:10s;font-size:10vw;color:#fff;opacity:.7;text-shadow:2px 2px rgba(0,0,0,.5);text-align:center;display:table-cell;vertical-align:middle}@keyframes toggleGlow{0%,to{text-shadow:2px 2px rgba(0,0,0,.5),0 0 6px rgba(200,240,241,.3)}50%{text-shadow:2px 2px rgba(0,0,0,.5),0 0 18px rgba(200,240,241,.9),0 0 32px rgba(200,240,241,.4)}}.canvas-mode-toggle{animation:toggleGlow 2.4s ease-in-out infinite;transition:transform .18s ease,opacity .3s ease}.canvas-mode-toggle:hover{transform:scale(1.18);opacity:1!important}.Loader{position:absolute;width:100%;height:100%;left:0;top:0;padding:0;z-index:20}.Loader .inner{position:absolute;height:100%;left:0;top:0;width:100%;display:table}.Loader .preloader{opacity:0;text-align:center;transition:all ease .3s;display:table-cell;vertical-align:middle}.Modal{position:absolute;width:100%;height:101%;left:0;top:0;padding:0;overflow-y:auto;z-index:20}.Modal .inner{position:absolute;height:100%;left:0;top:0;width:100%;display:table}.Modal .preloader{opacity:0;text-align:center;transition:all ease .3s;display:table-cell;vertical-align:middle}.Modal .close{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;display:flex;height:64px;justify-content:center;padding:0;position:absolute;right:0;top:0;margin:10px;transition:opacity .3s ease,transform .35s cubic-bezier(.34,1.56,.64,1),background .2s ease;width:64px}.Modal .close img{display:block;width:28px;height:28px}.Modal .close:hover{background:#ffffff47;transform:scale(1.12)!important}.Modal .close:focus-visible{outline:2px solid #169798;border-radius:50%}.Profile .profile{background-size:cover;background-repeat:no-repeat;background-position:center center;box-shadow:0 -2px 0 3px #0000004d inset,0 5px 5px #0003,0 15px #0000000d inset;border:1px solid #fff;border-radius:50%;margin:auto}.Profile .description{padding:6px;font-family:Luckiest Guy,sans-serif;letter-spacing:1.5px;font-size:12px!important}.Profile .profile-container{position:absolute;transition:all ease .3s}.Profile .profile-container:hover{transform:scale(1.2)}.orbiter{width:40px;height:40px;top:80px;left:80px;position:absolute;background-size:cover;background-repeat:no-repeat;background-position:center center}.rotate{animation:rotate 4s infinite linear}.rotate-2{animation:rotate-2 4s infinite linear}.rotate-3{animation:rotate-3 4s infinite linear}.rotate-4{animation:rotate-4 4s infinite linear}.meteor{background-image:url(/images/medium.png)}@keyframes rotate{0%{transform:rotate(0) translate(130px)}to{transform:rotate(360deg) translate(130px)}}@keyframes rotate-2{0%{transform:rotate(-180deg) translate(130px)}to{transform:rotate(180deg) translate(130px)}}@keyframes rotate-3{0%{transform:rotate(-90deg) translate(130px)}to{transform:rotate(270deg) translate(130px)}}@keyframes rotate-4{0%{transform:rotate(-270deg) translate(130px)}to{transform:rotate(90deg) translate(130px)}}.Contact .button{transition:all ease .3s;background-size:cover;background-repeat:no-repeat;background-position:center center;width:100px;height:100px;box-shadow:0 -2px 0 3px #0000004d inset,0 5px 5px #0003,0 15px #0000000d inset;border:3px solid #fff;border-radius:50%;display:inline-block;margin:40px}.Contact .button:hover{transform:scale(1.2)}.Contact .button.mobile{height:60px;margin:20px;width:60px}html,body{-webkit-tap-highlight-color:transparent}.sr-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}body{background-color:#3ac4caf2;height:100%;margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6,label,button{font-family:Luckiest Guy,sans-serif;letter-spacing:1.5px}h1{font-size:2.5em}h2{font-size:2em}.form-control{border:2px inset;border-radius:4px;box-shadow:inset 0 1px 1px #00000013;font-size:16px;width:100%}.row{margin:0}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4;display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.modified-bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:modified-bounceOut;animation-name:modified-bounceOut}@-webkit-keyframes modified-bounceOut{20%{visibility:visible;-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{visibility:hidden;opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes modified-bounceOut{20%{visibility:visible;-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{visibility:hidden;opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@-webkit-keyframes modified-jello{0%{opacity:0}to{-webkit-transform:none;transform:none}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skew(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skew(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skew(-.1953125deg) skewY(-.1953125deg)}}@keyframes modified-jello{0%{opacity:0}to{-webkit-transform:none;transform:none}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skew(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skew(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skew(-.1953125deg) skewY(-.1953125deg)}}.modified-jello-title{-webkit-animation-iteration-count:1;-webkit-animation-name:modified-jello;-webkit-animation-timing-function:linear;-webkit-transform-origin:center;animation-duration:10s;animation-iteration-count:1;animation-name:modified-jello;animation-timing-function:linear;transform-origin:center}.modified-jello-enter{-webkit-animation-iteration-count:1;-webkit-animation-name:modified-jello;-webkit-animation-timing-function:linear;-webkit-transform-origin:center;animation-duration:.75s;animation-iteration-count:1;animation-name:modified-jello;animation-timing-function:linear;transform-origin:center}.modified-jello-leave{-webkit-animation-iteration-count:1;-webkit-animation-name:modified-jello-out;-webkit-animation-timing-function:linear;-webkit-transform-origin:center;animation-duration:.75s;animation-iteration-count:1;animation-name:modified-jello-out;animation-timing-function:linear;transform-origin:center}@-webkit-keyframes modified-jello-out{to,to{visibility:hidden;opacity:0}0%{visibility:visible}11.1%{-webkit-transform:none;transform:none}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skew(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skew(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skew(-.1953125deg) skewY(-.1953125deg)}}@keyframes modified-jello-out{to,to{visibility:hidden;opacity:0}0%{visibility:visible}0%,11.1%{-webkit-transform:none;transform:none}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skew(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skew(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skew(-.1953125deg) skewY(-.1953125deg)}}.modified-jello-out{-webkit-animation-name:modified-jello-out;animation-name:modified-jello-out;-webkit-transform-origin:center;transform-origin:center}@keyframes bounce{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleZ(1)}}.bounce{animation-fill-mode:both;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounce;animation-name:bounce}.bounce-appear,.bounce-enter{-webkit-animation-iteration-count:1;-webkit-animation-name:bounce;-webkit-animation-timing-function:linear;-webkit-transform-origin:center;animation-duration:.75s;animation-iteration-count:1;animation-name:bounce;animation-timing-function:linear;transform-origin:center}@keyframes titleJello{0%{transform:translate(-50%,-50%) scale(.1) rotate(-8deg);opacity:0}50%{transform:translate(-50%,-50%) scale(1.1) rotate(2deg);opacity:1}68%{transform:translate(-50%,-50%) scale(.96) rotate(-1deg)}82%{transform:translate(-50%,-50%) scale(1.03) rotate(.5deg)}92%{transform:translate(-50%,-50%) scale(.99)}to{transform:translate(-50%,-50%) scale(1) rotate(0)}}
