@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700&display=swap);@import url(https://fonts.googleapis.com/css?family=Exo:100);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}.modal{position:fixed;top:0;left:0;z-index:9999;background-color:rgba(0,0,0,.5);width:100%;height:100%}.modal .modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;background-color:#870099;padding:2rem;border-radius:4px}.modal .modal-body{max-height:100%;overflow-y:auto;overflow-x:hidden}@media only screen and (max-width:780px){.modal .modal-content{width:90%}}body{font-family:Roboto,helvetica,arial,sans-serif;font-size:62.5%;line-height:1;width:100%;margin:0 auto}h2{font-size:1.8rem;line-height:3.2rem}hr{border:0;clear:both;display:block;margin:2.4rem auto;text-align:center;width:100%}.progress{background:hsla(0,0%,100%,.384);height:1px;overflow:hidden;position:relative}.progress:before{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:progress;animation-name:progress;background:#111;content:"";display:block;height:1px;position:absolute;width:80px}@-webkit-keyframes progress{0%{transform:translateX(0)}to{transform:translateX(1440px)}}@keyframes progress{0%{transform:translateX(0)}to{transform:translateX(1440px)}}.cols{-moz-column-count:0;column-count:0;margin:auto;width:90vh}*{margin:0;padding:0}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media only screen and (max-width:32rem){html{font-size:50%}}body{font-size:1.5rem;font-weight:400;line-height:1.6;font-family:Montserrat,sans-serif;overflow-x:hidden}ul{list-style-type:none}a{text-decoration:none}.no-scroll{overflow:hidden}body{text-align:center;background:linear-gradient(133deg,#000,#870099);background-size:1000% 1000%;-webkit-animation:AnimationName 14s ease infinite;animation:AnimationName 14s ease infinite}@-webkit-keyframes AnimationName{0%{background-position:22% 0}50%{background-position:79% 100%}to{background-position:22% 0}}@keyframes AnimationName{0%{background-position:22% 0}50%{background-position:79% 100%}to{background-position:22% 0}}.container{max-width:120rem;margin:0 auto}.site-header{height:8rem;background-color:transparent;position:absolute;top:0;left:0;width:100%;z-index:99;transition:all .4s ease;color:#c075d3}.site-header__wrapper{max-width:120rem;margin:0 auto;display:flex;align-items:center;height:100%}.site-header__btn-mobile{background-color:transparent;border:1px solid transparent;padding:0 2rem}.site-header__burger-icon{transform:rotate(180deg);fill:#fff;display:block;width:2.2rem;height:2.2rem}@media only screen and (min-width:1024px){.site-header__burger-icon{display:none}}.site-header__burger-icon--dark rect{fill:#fff}.site-header__link{color:inherit}@media only screen and (max-width:76.8rem){.site-header__brand{padding:0 2rem}}.site-header__logo{width:4rem}.site-header__spacer{flex:1 1}.site-header--sticky{position:fixed;background:rgba(52,0,56,.432);box-shadow:0 4px 30px rgba(0,0,0,.1)}.site-nav{display:none}@media only screen and (min-width:1024px){.site-nav{display:flex}}.site-nav__list:not(:last-child){margin-right:3rem}.site-nav__link{font-size:1.6rem;color:inherit}.site-nav__link--active,.site-nav__link:hover{color:#fff}.site-nav__link--active:hover{color:hsla(0,0%,100%,.801)}.site-main{padding-bottom:5rem}.site-intro{height:95vh;color:#fff}@media only screen and (max-width:76.8rem){.site-intro{height:100vh}}.site-intro:after{content:"";top:0;left:0;display:block;opacity:.7;mix-blend-mode:soft-light}.site-intro:after,.site-intro__canvas{position:absolute;width:100%;height:100%}.site-intro__canvas{top:100;left:100}.site-intro__wrapper{position:relative;width:100%;display:flex;height:100vh}@media only screen and (max-width:76.8rem){.site-intro__wrapper{flex-direction:column-reverse;justify-content:center}}.site-intro__main{position:relative;width:60%}@media only screen and (max-width:76.8rem){.site-intro__main{width:100%;padding:0 3rem;text-align:center;z-index:1}}.site-intro__intro{position:absolute;top:30%;left:0;padding:2rem 0;z-index:2}@media only screen and (max-width:76.8rem){.site-intro__intro{position:static}}.site-intro__logo-wrapper{padding:2em 3rem;flex:1 1}@media only screen and (max-width:76.8rem){.site-intro__logo-wrapper{text-align:center;width:100%;padding:0;flex:none}}.site-intro__logo{width:20rem;position:absolute;top:30%}@media only screen and (max-width:76.8rem){.site-intro__logo{position:static;width:15rem}}.site-intro__name{font-weight:300;font-size:3rem}@media only screen and (max-width:76.8rem){.site-intro__name{line-height:3.5rem;margin-bottom:2rem}}.site-intro__heading{font-size:4rem;padding:.5rem 0;line-height:4rem;font-weight:500}.site-intro__primary{font-size:3rem;font-weight:400}@media only screen and (max-width:76.8rem){.site-intro__primary{line-height:3.5rem;margin-top:2rem}}.site-intro__action{padding:4rem 0;text-align:center}.site-standard{padding:5rem 0}.site-heading{font-size:4rem;font-weight:400;padding-bottom:1.5rem;color:#fff;white-space:nowrap}@media only screen and (max-width:76.8rem){.site-heading{font-size:3rem}}.row{display:flex;flex-wrap:wrap;margin:0 -15px}.col-4{max-width:33.33%;flex-basis:33.33%;padding:0 15px;margin-bottom:30px}@media only screen and (max-width:76.8rem){.col-4{max-width:100%;flex-basis:100%}}.col-2{max-width:16.66%;flex-basis:16.66%;padding:0 15px;margin-bottom:30px}@media only screen and (max-width:76.8rem){.col-2{max-width:33.33%;flex-basis:33.33%}}@media only screen and (max-width:48rem){.col-2{max-width:50%;flex-basis:50%}}.col-6{max-width:50%;flex-basis:50%;padding:0 15px;margin-bottom:30px}@media only screen and (max-width:76.8rem){.col-6{max-width:100%;flex-basis:100%}}.col-12{max-width:100%;flex-basis:100%;padding:0 15px;margin-bottom:30px}.site-project{overflow:hidden;border-radius:8px;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1)}.site-project:hover .site-project__overlay{opacity:1}.site-project__cover{width:100%;position:relative;padding-bottom:66.66%}.site-project__img{background-position:50%;background-size:cover;background-repeat:no-repeat}.site-project__img,.site-project__overlay{position:absolute;top:0;left:0;width:100%;height:100%}.site-project__overlay{z-index:1;background-color:rgba(123,0,128,.30980392156862746);display:flex;align-items:center;justify-content:center;text-align:center;transition:all .3s ease-in-out;opacity:0}.site-project__info{color:#fff;padding:0 2rem}.site-project__title{font-size:2.5rem;font-weight:500;margin-bottom:3rem;line-height:3rem}.site-project__name{line-height:2.4rem;padding:2rem 0;font-size:2rem;color:#fff;cursor:pointer}.project-info__cover{position:relative;padding-bottom:100%}.project-info__img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.project-info__title{font-size:3rem;font-weight:500;line-height:3rem}.project-info__desc{font-size:1.8rem;line-height:2.2rem;padding:2.5rem 0}.project-info__heading{font-size:1.7rem;font-weight:700;color:#000}.project-info__tech li{font-size:1.6rem;color:#000}.project-info__action{display:block;color:#000;padding:2rem 0}.project-info__action a:not(:last-child){margin-right:1rem}.site-section{margin:3rem 0;padding:3rem 0}@media only screen and (max-width:76.8rem){.site-section{padding:3rem}}.site-section--with-clipmask{-webkit-clip-path:polygon(72% 0,100% 12%,100% 100%,100% 100%,0 100%,0 18%);clip-path:polygon(72% 0,100% 12%,100% 100%,100% 100%,0 100%,0 18%)}.site-section--with-background{background-color:#000}.site-section__icon{fill:none;stroke:#444;stroke-width:5px}.site-section__icon svg{width:50px}.site-skill{position:relative;width:100%;text-align:center}.site-skill__canvas{width:60%}@media only screen and (max-width:32rem){.site-skill__canvas{width:60%}}.site-skill__canvas-wrapper{position:relative}.site-skill__percentage{color:#000;font-size:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-skill__text{margin-top:1.5rem;font-size:2rem;font-weight:500;color:#fff;line-height:3rem}.stepper{padding:2rem 0}.stepper__item{display:flex;flex-wrap:wrap}.stepper__step{width:33.33%}@media only screen and (max-width:76.8rem){.stepper__step{display:none}}.stepper__circle{width:2.2rem;height:2.2rem;display:block;position:absolute;top:50%;transform:translateY(-50%);left:-8px;z-index:1;background-color:#000;border:4px solid #fff;border-radius:50%}.stepper__timeline{height:100%;width:100%;position:relative}.stepper__timeline:before{content:"";position:absolute;width:5px;height:100%;background-color:#fff}.stepper__timeline:after{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;height:5px;background-color:#fff}.stepper__info{width:66.67%;padding:0 3rem}@media only screen and (max-width:76.8rem){.stepper__info{width:100%;padding:0}}.stepper__body{position:relative;background-color:#fff;border-radius:4px;border:1px solid #eee;width:100%;padding:1rem;margin-bottom:2rem;height:12rem}@media only screen and (max-width:76.8rem){.stepper__body{height:auto}}.stepper__title{font-size:2rem;color:#000}.stepper__sub{padding-top:1rem;font-size:1.5rem}.stepper__timeline-heading{font-size:1.8rem;font-weight:500;color:#fff;position:absolute;left:2rem;top:4rem}.site-form{width:70rem;margin:0 auto}@media only screen and (max-width:76.8rem){.site-form{width:100%}}.site-form__error{color:#ec5840;font-size:1.5rem;margin:1rem 0}.site-form__label{color:#fff;display:block;font-size:1.7rem;margin-bottom:1rem}.site-form__textarea{display:block;border-radius:4px;width:100%;padding:0 2rem;font-size:1.7rem;border:none;font-family:Montserrat}.site-form__textarea:focus{outline:none}.site-form__input{display:block;height:5rem;border-radius:4px;width:100%;color:#000;font-size:1.7rem;border:none;padding:0 2rem}.site-form__input-error{border-color:#ec5840}.site-form__input:focus{outline:none;border-color:#000}.site-form__action{width:100%;text-align:right}.site-footer{padding:10rem 0 3rem}.site-footer--with-clipmask{-webkit-clip-path:polygon(72% 0,100% 12%,100% 100%,100% 100%,0 100%,0 18%);clip-path:polygon(72% 0,100% 12%,100% 100%,100% 100%,0 100%,0 18%)}.site-footer__quote{width:100%;text-align:center;color:#fff;padding:3rem 0;font-size:2.5rem}.site-footer__copyright{width:100%;text-align:center;color:#fff;font-size:2rem}.site-footer__icon{width:1.5rem;height:1.5rem;display:inline-block;vertical-align:middle}.site-social{text-align:center;width:100%;margin:2rem auto;display:flex;align-items:center;justify-content:center}.site-social__list:not(:last-child){margin-right:2rem}.site-social__icon{width:3rem;height:3rem;display:block;fill:#fff}.site-nav-backdrop{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background:rgba(0,0,0,.5)}@media only screen and (max-width:76.8rem){.site-sidebar{display:block;position:fixed;z-index:101;top:0;right:0;height:100%;width:30rem;transition:.3s ease;transform:translateX(100%);color:#c075d3;padding:3rem 2rem;background:rgba(52,0,56,.432);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}}@media only screen and (max-width:76.8rem){.site-sidebar li:not(:last-child){margin-bottom:1.5rem}}@media only screen and (max-width:76.8rem){.site-sidebar li a{font-size:2.2rem}}.site-sidebar.is-open{transform:translateX(0)}.alert{padding:1.5rem;margin-bottom:2rem;border:1px solid transparent;border-radius:4px}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.stroke-white{stroke:#fff}.cols,.text-white{color:#fff}.cols{text-align:center;align-items:center}@media only screen and (max-width:76.8rem){.cols{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.btn{display:inline-block;padding:.6rem 1rem;font-size:1.5rem;border:1px solid #000;white-space:nowrap;cursor:pointer;border-radius:4px}.btn:focus{outline:none}.btn:disabled{opacity:.65;cursor:not-allowed}.btn-block{display:block}.btn-icon{display:inline-block;vertical-align:middle;fill:#000;width:2.5rem;margin-right:.3rem}.btn-primary{color:#000}.btn-outline-white{border:2px solid #fff;background-color:transparent;color:#fff}.btn-outline-white:hover{transition:all .3s ease;background-color:#fff;color:#530068}.btn-outline-primary{border:1px solid #000}.btn-light,.btn-outline-primary{background-color:#fff;color:#000}.btn-radius{border-radius:5rem}.btn-lg{padding:1.2rem 2.5rem;font-size:1.8rem}.btn-md{padding:1rem 1.8rem;font-size:1.7rem}.loading-icon{display:inline-block;width:1.5rem;height:1.5rem;color:#fff;-webkit-animation:spin 1s infinite;animation:spin 1s infinite;transition:all .3s;transition-timing-function:ease-in;position:relative}.loading-icon:after{position:absolute;top:0;left:0;content:"";display:inline-block;border:2px solid;border-left:2px solid transparent;border-radius:50%;width:100%;height:100%}@-webkit-keyframes spin{0%{transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{transform:rotate(180deg);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{transform:rotate(180deg);-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.ab5a82e8.chunk.css.map */