@charset "UTF-8";@import url(https://use.fontawesome.com/releases/v5.0.11/css/all.css);.App{overflow:hidden}a{color:var(--secondary-color);text-decoration:none}a:hover{color:var(--primary-color);text-decoration:underline}.btn-success{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.btn-outline-success{background-color:initial;background-image:none;border-color:var(--primary-color)!important;color:var(--primary-color)!important}.btn-outline-success:hover{background-color:var(--primary-trans-color);border-color:var(--primary-color);color:#fff!important}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.pull-left{float:left}.pull-right{float:right}.h1,.h2,.h3,.h4,.h5,.h6{color:var(--primary-color)}.badge{background-color:var(--primary-color)!important;font-weight:400;margin:.3em;padding:8px}.blog-link,.github-link{cursor:pointer;display:block;position:fixed;right:0;top:0;z-index:99}.blog-link .triangle,.github-link .triangle{border-bottom:100px solid var(--bg-color);border-left:100px solid #0000;border-right:100px solid #0000;color:#fff;height:0;position:fixed;right:-85px;top:-17px;transform:rotate(45deg);width:0}.blog-link .triangle .text,.github-link .triangle .text{color:var(--primary-color);font-size:20px;position:fixed;right:-10px;top:50px;transform:rotate(5deg)}.github-link .triangle .text{color:#fff;font-size:26px;top:45px;transform:rotate(320deg)}#pageBody{padding-right:3vw}.home{font:300 11px/1.4 Helvetica Neue,Helvetica,Arial,sans-serif}.home .m--card{background-color:initial;box-shadow:none;color:#fff}.home .tags{color:var(--secondary-color);font-size:20px;margin:0}.home .left-side{margin-bottom:auto;margin-top:auto}.home .web-developer-svg{height:100%;width:100%}.home .rounded-100{border-radius:100%}@media only screen and (max-width:500px){.home .left-side{margin-bottom:auto;margin-top:2rem}}.loader{align-items:center;background-color:var(--bg-dark-color);display:flex;flex-direction:column;justify-content:center}.loader .logo{width:3em}.loader label{font-size:12px;margin:10px}.loader label,.loader p{color:#8f8f91;font-family:Open Sans,sans-serif}.loader p{font-size:20px;margin:0;padding:0}.loader .loader-ripple{display:inline-block;height:64px;position:relative;width:64px}.loader .loader-ripple div{animation:loader-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:3px solid var(--primary-color);border-radius:50%;opacity:1;position:absolute}.loader .loader-ripple div:nth-child(2){animation-delay:-.5s}@keyframes loader-ripple{0%{height:0;left:28px;opacity:1;top:28px;width:0}to{height:58px;left:-1px;opacity:0;top:-1px;width:58px}}.about{font:300 11px/1.4 Helvetica Neue,Helvetica,Arial,sans-serif}.about .desc{color:#fff;font-family:Open Sans,sans-serif;font-size:16px;font-weight:300;line-height:20px}.about .h1{color:var(--primary-color)}.about .rounded-100{border-radius:100%}.about .request-loader{align-items:center;background:#fff;border-radius:100%;box-shadow:0 0 20px 0 #00000040;display:flex;flex-direction:row;height:auto;justify-content:center;position:relative;width:500px}.about .request-loader span{font-size:72px;left:-5px;position:relative;top:5px}.about .request-loader:after{animation-delay:0s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.65,0,.34,1)}.about .request-loader:after,.about .request-loader:before{align-items:center;animation-duration:3s;animation-name:ripple;border:4px solid var(--primary-color);border-radius:100%;bottom:0;content:"";display:flex;flex-direction:row;height:100%;justify-content:center;left:-8px;opacity:0;position:absolute;right:0;top:-8px;width:100%;z-index:-1}.about .request-loader:before{animation-delay:.5s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.65,0,.34,1)}.about .my-mobile-image{display:none}@keyframes ripple{0%{opacity:1;transform:scale3d(.75,.75,1)}to{opacity:0;transform:scale3d(1.2,1.2,1)}}@media only screen and (max-width:500px){.about .my-image{margin-top:2.5rem}.about .request-loader{height:80vw;width:80vw}.about .img-fluid{padding:1rem}.about .img-responsive{height:100%;width:100%}.about .my-image{display:none}.about .my-mobile-image{display:block}}.contact{font:300 11px/1.4 Helvetica Neue,Helvetica,Arial,sans-serif}.contact .flex-padding-left{padding:12vw 10vw}.contact .flex-padding-right{padding:0}.contact .desc{color:#fff;font-family:Open Sans,sans-serif;font-size:16px;font-weight:300;line-height:20px}.contact #contact-svg{width:100%}.contact .h1{color:var(--primary-color)}.contact .rounded-100{border-radius:100%}.contact .form-control{background-color:var(--bg-dark-color);color:#ffffffb6}.contact .form-control:focus{background-color:var(--bg-dark-color);border-color:var(--primary-color);box-shadow:0 0 0 .2rem var(--primary-trans-color)}.contact .town{width:90%}.marker{color:var(--primary-color)}.contact .mobile{display:none}@media only screen and (max-width:500px){.contact .mobile{display:block}.contact .desktop{display:none}.contact{margin-bottom:20vh!important;margin-left:0}}::-webkit-scrollbar,::-webkit-scrollbar-button{height:2px;width:2px}.work{font:300 11px/1.4 Helvetica Neue,Helvetica,Arial,sans-serif}.work .desc{color:#fff;font-family:Open Sans,sans-serif;font-size:16px;font-weight:300;line-height:20px}.work .h1{color:var(--primary-color)}.work .bg-card{background-color:var(--bg-dark-color)!important}.work .project-svg{height:auto;width:640px}.work .project-img{height:10em}.work .badge{background-color:var(--primary-color)!important;color:var(--bg-dark-color)!important;font-size:12px;font-weight:600;margin:.3em;padding:8px}.work .project-icon{align-self:flex-end;float:right;margin-right:-2.5rem;margin-top:-2rem;z-index:999}.work .side-nav-icon{fill:var(--primary-color);cursor:pointer;margin:0 10px}.work .project-icon img{width:3rem}.work .modal .modal-content .modal-footer,.work .modal .modal-content .modal-header,.work .modal .modal-content .modal-header .close{background-color:var(--bg-dark-color);border-bottom:1px solid var(--bg-dark-color);border-top:1px solid var(--bg-dark-color);color:#fff}.work .modal .modal-content .modal-body{background-color:var(--bg-color);color:#fff;overflow:scroll}.work .img-container{max-width:100%}.work .modal-dialog{margin:15px 35px}.work .modal-content{width:95vw}.work .page-count{color:var(--secondary-color);font-size:16px}.work .no-margin{margin:0}.work .link{font-size:22px}.work .inactive{display:none!important}.work .active{display:block!important}.work .overlay{cursor:pointer;font-size:x-large;min-height:25vh;min-width:20vw;padding:70px 0;position:absolute;text-align:center;word-break:break-all}.hovereffect{cursor:default;float:left;position:relative;text-align:center}.hovereffect,.hovereffect .overlay{height:100%;overflow:hidden;width:100%}.hovereffect .overlay{background-color:#000c;left:0;opacity:0;position:absolute;top:0;transition:all .4s ease-in-out}.hovereffect img{position:relative;transition:all .4s linear}.hovereffect h2{background:var(--bg-dark-color);font-size:17px;margin-top:1em;padding:10px;position:relative;text-align:center;transform:translatey(-100px)}.hovereffect button.info,.hovereffect h2{color:var(--primary-color);text-transform:uppercase;transition:all .2s ease-in-out}.hovereffect button.info{border:1px solid var(--primary-color);display:inline-block;filter:alpha(opacity=0);margin:8em 0 0;opacity:0;padding:7px 14px;text-decoration:none}.hovereffect button.info:hover{box-shadow:0 0 5px var(--primary-color)}.hovereffect:hover img{transform:scale(1.2)}.hovereffect:hover .overlay{filter:alpha(opacity=100);opacity:1}.hovereffect:hover button.info,.hovereffect:hover h2{filter:alpha(opacity=100);opacity:1;transform:translatey(0)}.hovereffect:hover button.info{transition-delay:.2s}.project-menu{background-color:var(--bg-color);bottom:0;height:100px;line-height:60px;position:absolute;width:100%}@media only screen and (max-width:500px){.work{min-height:auto}.work .hovereffect button.info{margin:4em 0 0}.work .modal-dialog{margin:auto}.work .modal-content{width:100%}.work .project-svg{height:30rem}.work .overlay{font-size:large;padding:70px 30px 0 0;width:100%}.work .second-half{display:none!important}}.float-ripple{align-items:center;border-radius:100%;bottom:12px;box-shadow:0 0 20px 0 #00000040;display:flex;flex-direction:row;height:100px;height:10px;justify-content:center;position:fixed;right:12px;width:100px}.float-ripple span{font-size:72px;left:-5px;position:relative;top:5px}.float-ripple:after{animation-delay:5s;animation-duration:2s;animation-iteration-count:infinite;animation-name:ripple;animation-timing-function:cubic-bezier(.65,0,.34,1)}.float-ripple:after,.float-ripple:before{align-items:center;border:4px solid var(--primary-color);border-radius:100%;bottom:0;content:"";display:flex;flex-direction:row;height:100%;justify-content:center;left:-8px;opacity:0;position:absolute;right:0;top:-8px;width:100%;z-index:-1}.float-ripple:before{animation-delay:.5s;animation-duration:3s;animation-iteration-count:infinite;animation-name:float-ripple;animation-timing-function:cubic-bezier(.65,0,.34,1)}.FloatButton .float{background-color:var(--primary-color);border:none;border-radius:50px;bottom:40px;color:#fff;font-size:x-large;height:60px;padding:0;position:fixed;right:40px;text-align:center;width:60px}@media only screen and (max-width:500px){.FloatButton .float{margin-bottom:30px}}@keyframes float-ripple{0%{opacity:1;transform:scale3d(.4,.4,1)}to{opacity:0;transform:scaleX(1)}}.skill2{font:300 11px/1.4 Helvetica Neue,Helvetica,Arial,sans-serif}.skill2 .desc{color:#fff;font-family:Open Sans,sans-serif;font-size:16px;font-weight:300;line-height:20px}.skill2 p{margin:1rem 0}.skill2 .h1{color:var(--primary-color)}.skill2 .rounded-100{border-radius:100%}.skill2 .tags{font-size:18px}.skill2 .tags .badge{background-color:var(--primary-color)!important;color:#000;font-weight:400;margin:.3em;padding:8px}.skill2 .experience{font-size:18px}.skill2 .bg-card{background-color:#181818!important}.skill2 .experience ul.key-points{list-style-type:none}.skill2 .experience ul.key-points li{font-size:.8em;font-weight:350;margin:1em 0;padding-left:4%}.skill2 .experience ul.key-points li:before{color:var(--primary-color);content:"▹";left:0;padding-left:4%;position:absolute}.skill2 .work-svg{width:100%}.skill2 .skill-img{width:80%}.skill2 .bold{color:var(--primary-color);font-weight:400}.skill2 .mobile-view{display:none}@media only screen and (max-width:500px){.skill2 .start{margin-top:1.5rem!important}.skill2 .nav.nav-tabs{display:contents}.skill2 .tab-content{margin-top:20px}.skill2 .experience ul.key-points li:before{padding-left:8%}.skill2 .desktop-view{display:none}.skill2 .mobile-view svg{height:auto;margin-bottom:20px}.skill2 .mobile-view{display:block}}.nav.nav-tabs{border-right:1px solid #ddd;font-family:Open Sans,sans-serif}.nav-tabs .nav-link{background:#0000;border-left:2px solid #4d4d4e!important;border-top-left-radius:.25rem;border-top-right-radius:.25rem;font-size:.9em;font-weight:300}.nav-tabs .nav-link:hover{border:none;color:#fff}.nav-tabs .nav-link.active{background-color:var(--primary-trans-color)!important;border:none;border-left:2px solid var(--primary-color)!important;color:var(--primary-color)}.nav-tabs .nav-link{border:1px solid #0000;border-top-left-radius:0!important;border-top-right-radius:0!important}.tab-content>.active{display:block;min-height:165px}.nav.nav-tabs{border-bottom:0;border-right:1px solid #0000;display:block;float:left;margin-right:20px;padding-right:15px}.projectDetails{font:300 11px/1.4 Helvetica Neue,Helvetica,Arial,sans-serif;font-family:Open Sans,sans-serif}.projectDetails .flex-padding-left{padding:5vw 0 12vw 10vw}.projectDetails .flex-padding-right{padding:2vw 0 0 2vw}.projectDetails .desc{font-size:18px}.projectDetails .desc,.projectDetails .type{color:#fff;font-family:Open Sans,sans-serif;font-weight:300;line-height:20px}.projectDetails .type{font-size:14px}.projectDetails .gallery{padding:2vw 15vw 2vw 20vw}.projectDetails .client-banner{padding:2vw 0 2vw 10vw}.projectDetails .header{padding:2vw 10vw}.projectDetails .col-sm-2 p,.projectDetails .col-sm-3 p,.projectDetails .col-sm-4 p{word-wrap:break-word;font-family:Open Sans,sans-serif;font-size:15px;margin:10px 0;padding:0}.projectDetails .col-sm-2 .title-type,.projectDetails .col-sm-3 .title-type,.projectDetails .col-sm-4 .title-type{font-family:Open Sans,sans-serif;font-size:13px;font-weight:700}.projectDetails .scroll-indicator{border:2px solid var(--primary-color);border-radius:50px;box-shadow:0 0 55px -5px var(--primary-color);height:30px;margin:12vw 0 0 17vw;position:relative;width:20px}.projectDetails .scroll-indicator:before{animation:scrollAnim 1.8s ease-in .5s infinite;background-color:var(--primary-color);border-radius:50%;box-shadow:0 0 35px -5px var(--primary-color);content:"";height:5px;left:50%;position:absolute;top:.2em;transform:translate(-50%);width:5px}.projectDetails .main-img{border-radius:14px}@keyframes scrollAnim{0%{opacity:0;transform:translate(-50%) rotateX(0)}5%{opacity:.5}15%{opacity:1}90%,to{opacity:0}to{transform:translate(-50%,30px) rotateX(30deg)}}.carousel{position:relative}.carousel-item img{object-fit:cover}#carousel-thumbs{background:#ffffff4d;bottom:0;left:0;padding:0 50px;right:0}#carousel-thumbs img{border:5px solid #0000;cursor:pointer}#carousel-thumbs img:hover{border-color:#ffffff4d}#carousel-thumbs .selected img{border-color:#fff}.carousel-control-next,.carousel-control-prev{width:50px}@media (max-width:767px){.carousel-container #carousel-thumbs img{border-width:3px}}@media (min-width:576px){.carousel-container #carousel-thumbs{position:absolute}}@media (max-width:576px){.carousel-container #carousel-thumbs{background:#ccccce}}@media only screen and (max-width:1024px){.gallery{margin-bottom:50px}}.phone{animation:fadein 2s;border:40px solid #121212;border-radius:40px;border-width:55px 7px;margin:50px auto;overflow:hidden;transition:all .5s ease}.phone iframe{background-color:#000;border:0;height:100%;width:100%}.phone.view_1{box-shadow:-3px 3px 0 #000,-6px 6px 0 #000,-9px 9px 0 #000,-12px 12px 0 #000,-14px 10px 20px #000;transform:rotateX(50deg) rotateY(0deg) rotate(-30deg)}.phone.view_2{box-shadow:0 3px 0 #000,0 4px 0 #000,0 5px 0 #000,0 7px 0 #000,0 10px 20px #000;transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}.Gallery>.carousel-container,.carousel,.carousel-inner,.carousel-item,.gallery-img{border-radius:14px}#content{margin-top:0;text-align:center}section.timeline-outer{margin:0 15%;width:80%}.timeline{border-bottom-right-radius:2px;border-left:2px solid #171717;border-top-right-radius:2px;font-family:Segoe UI;font-weight:400;letter-spacing:.5px;line-height:1.4em;list-style:none;padding:10px 30px 10px 18px;position:relative;text-align:left}.timeline:after{display:none}.timeline h1,.timeline h2,.timeline h5{font-family:Segoe UI;font-size:1.2em}.timeline .event{margin-bottom:10px;position:relative}.timeline .event:last-of-type{border:none;margin-bottom:0;padding-bottom:0}.timeline .event .time,.timeline .event:after{display:block;position:absolute;top:0}.timeline .event .time{font-family:Segoe UI;font-size:1em;font-weight:700;left:-167.5px;min-width:120px;text-align:right;white-space:pre;word-break:break-all}.timeline .event:after{background:#171717;border-radius:50%;box-shadow:0 0 0 2px #171717;content:"";height:11px;left:-25px;top:5px;width:11px}.timeline .event div.body{margin:10px 0 0}.timeline:before{bottom:0;left:0;position:absolute;top:0;width:0}@media (max-width:945px){.timeline .event:before{font-size:13px;left:.5px;min-width:0;top:20px}.timeline h3{font-size:16px}.timeline div.body{padding-top:20px}section.lab h3.card-title{font-size:16px;padding:5px}}@media (max-width:768px){.timeline .event:before{font-size:13px;left:.5px;min-width:0;top:20px}.timeline .event:first-child:before,.timeline .event:nth-child(3):before,.timeline .event:nth-child(5):before{top:38px}.timeline h3{font-size:16px}.timeline div.body{padding-top:20px}}a.portfolio-link{display:block;margin:0 auto;text-align:center}#sidebar{background-color:var(--bg-color);position:fixed}#sidebar .navigation-item .navigation-item--link{color:var(--bg-dark-color)}#sidebar .navigation-item .active{color:var(--primary-color)}#sidebar .ex-nav .ex-nav--item+.ex-nav--item{margin-top:.5rem}#sidebar .logo{font-size:x-large}#sidebar .brand-thumb{font-weight:700;text-decoration:none}#sidebar .brand-thumb,#sidebar .ex-nav .ex-nav--item a{color:var(--bg-dark-color)}

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-name:headShake;animation-timing-function:ease-in-out}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{animation-name:swing;transform-origin:top center}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.heartBeat{animation-duration:1.3s;animation-name:heartBeat;animation-timing-function:ease-in-out}@keyframes bounceIn{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:scaleX(1)}}.bounceIn{animation-duration:.75s;animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:translateZ(0)}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:translateZ(0)}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:translateZ(0)}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-duration:.75s;animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animated.flip{animation-name:flip;-webkit-backface-visibility:visible;backface-visibility:visible}@keyframes flipInX{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{animation-name:flipInX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipInY{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{opacity:1;transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{animation-name:flipInY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutX{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.flipOutX{animation-duration:.75s;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateY(-15deg)}to{opacity:0;transform:perspective(400px) rotateY(90deg)}}.flipOutY{animation-duration:.75s;animation-name:flipOutY;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes lightSpeedIn{0%{opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;transform:skewX(20deg)}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg);transform-origin:center}to{opacity:1;transform:translateZ(0);transform-origin:center}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{opacity:1;transform-origin:center}to{opacity:0;transform:rotate(200deg);transform-origin:center}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{opacity:1;transform-origin:left bottom}to{opacity:0;transform:rotate(45deg);transform-origin:left bottom}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{opacity:1;transform-origin:right bottom}to{opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{opacity:1;transform-origin:left bottom}to{opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{opacity:1;transform-origin:right bottom}to{opacity:0;transform:rotate(90deg);transform-origin:right bottom}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{opacity:0;transform:translate3d(0,700px,0)}}.hinge{animation-duration:2s;animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0);visibility:hidden}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0);visibility:hidden}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0);visibility:hidden}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-100%,0);visibility:hidden}}.slideOutUp{animation-name:slideOutUp}.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.delay-1s{animation-delay:1s}.animated.delay-2s{animation-delay:2s}.animated.delay-3s{animation-delay:3s}.animated.delay-4s{animation-delay:4s}.animated.delay-5s{animation-delay:5s}.animated.fast{animation-duration:.8s}.animated.faster{animation-duration:.5s}.animated.slow{animation-duration:2s}.animated.slower{animation-duration:3s}@media (prefers-reduced-motion:reduce),(print){.animated{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@font-face{font-family:Halimum;src:url(/static/media/Halimum.d49fc08047f91db363ab.ttf)}@font-face{font-family:Laillaland;src:url(/static/media/Laillaland.1ed26928ca3d7b89f0f5.ttf)}:root{--primary-color:#00bcd4;--primary-trans-color:#00bcd42c;--secondary-color:#b9b9b9;--bg-color:#4d4d4e;--bg-color-maintaince:#e8eaea;--bg-dark-color:#181818;--header-font-color:#4d4d4e;--bg-header-logo:#070707}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#4d4d4e;background-color:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0!important;padding:0!important}.maintainance{background-color:#e8eaea!important;background-color:var(--bg-color-maintaince)!important}.head{font-family:Laillaland!important}.special-text{font-family:Halimum!important}#mainWrapper{background-color:#181818;background-color:var(--bg-dark-color);border-radius:16px;margin:.5vh .5vh .5vh 8vh}@media only screen and (max-width:500px){#mainWrapper{border-radius:0;margin:0 0 5vh}}.Maintainance{background-color:#e8eaea;color:#313131;font-family:Varela Round,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;padding-left:3em;padding-right:3em;padding-top:2em;text-align:center}h1{font-size:3em;letter-spacing:.4rem;margin-bottom:0}h1,h2{text-transform:uppercase}h2{color:var(--primary-color);font-size:1.4em;letter-spacing:.1rem;margin-bottom:1.6em}p{color:#4a4b4b;font-size:1.1em;line-height:1.5em;margin:2em auto;max-width:860px}.illustration{display:block;margin:0 auto;max-width:1034px}ul.social{list-style:none;margin:0 auto;padding:0}ul.social li{display:inline-block;margin:0;padding:0}ul.social li a{background:#fff;border-radius:499em;color:#313131;display:block;font-size:1.2em;height:48px;line-height:48px;margin-bottom:.5em;margin-right:1em;width:48px}ul.social li a:hover{background:#35c2be;color:#fff}@media only screen and (max-width:1020px){body{padding-left:2em;padding-right:2em;padding-top:3em}h1{font-size:2.6em}h2{font-size:1.2em;letter-spacing:.2rem;margin-bottom:2em}p{max-width:680px}}@media only screen and (max-width:768px){body{padding-top:1.6em}h1{font-size:2.2em}h1,h2{letter-spacing:.2rem}h2{font-size:1.1em}p{font-size:1em;margin-top:1.5em}ul.social li a{font-size:1.1em;height:38px;line-height:39px;margin-right:.5em;width:38px}}@media only screen and (max-width:480px){h1{font-size:1.6em}h2,p{font-size:.9em}p{margin-top:1.5em;padding-left:.5em;padding-right:.5em}}
/*# sourceMappingURL=main.705e7dcc.css.map*/