@import url(https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);@import url(https://fonts.googleapis.com/css?family=Raleway:300);@import url(https://fonts.googleapis.com/css?family=Lusitana:400,700);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;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat-back.svg);background-position:50%;background-repeat:repeat;background-size:7%;background-color:#fff;transition:all .2s linear}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--color0:#f0f8ff;--color1:#eee;--color2:#b799ff;--color3:#acbcff;--color4:#aee2ff;--color5:#e6fffd}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}p{font-size:10px;text-transform:uppercase;letter-spacing:.18em;text-align:center;padding-top:30px}a{text-decoration:none}.brand{text-align:center}.brand img{width:50px}.p1:hover,.p2:hover{opacity:.3;cursor:pointer}h4{color:var(--borderc);font-size:24px;font-weight:900}#portfolio p{color:grey;font-size:12px;font-weight:200}.content{width:100%;margin:0 auto;padding:0;text-align:center}.single-content img{width:290px;height:100%;margin:10px}.filters{width:100%;text-align:center}ul{list-style:none;padding:20px 0}li{display:inline;padding:10px 25px;font-size:14px;color:#636363;font-weight:400;cursor:pointer;text-transform:uppercase;letter-spacing:.2em}li:hover{color:#a6a6a6}li.active{color:#ccc;border:1px solid #ccc;border-radius:15px}#skills{padding:100px 0;background-color:var(--lighttrans)}.progressBar{margin-bottom:1.66em}.progressBar h4{font-size:16px;text-transform:none;margin-bottom:.33em}.progressBarContainer{width:100%;height:8px;background:#e1e1e1;overflow:hidden}.progressBarValue{height:8px;float:left;background:#e55d87;background:linear-gradient(135deg,#9a08ef 20%,#1109f7 60%,#f005e0);-webkit-animation:animatedgradient 3s ease infinite alternate;animation:animatedgradient 3s ease infinite alternate;background-size:500% 500%}.value-00{width:0}.value-05{width:5%}.value-10{width:10%}.value-15{width:15%}.value-20{width:20%}.value-25{width:25%}.value-30{width:30%}.value-35{width:35%}.value-40{width:40%}.value-45{width:45%}.value-50{width:50%}.value-55{width:55%}.value-60{width:60%}.value-65{width:65%}.value-70{width:70%}.value-75{width:75%}.value-80{width:80%}.value-85{width:85%}.value-90{width:90%}.value-95{width:95%}.value-100{width:100%}.footer-effect{font-family:"Times New Roman",Times,serif;font-size:4rem;background:linear-gradient(90deg,#d116e2,#00f);align-self:relative;-webkit-background-clip:text;-webkit-text-fill-color:transparent}:root{--mainfont:"Raleway",sans-serif;--bglight:#eee;--lighttrans:hsla(0,0%,96.1%,0.4549019607843137);--bgdark:#222;--itemcolor:#000;--itemhover:#eee;--menuheight:--menulineheight * 5;--menuleft:50px;--menufontsize:50px;--menulineheight:--menufontsize;--menutexttransform:lowercase;--grsc:0;--borderc:#000;--hue:90deg;--labelc:#888;--backc:#fff;--backblk:#fff;--backborder:#e6e6e6;--rolecolor:#374054;--fontc:#fff;--logocolor:#fff}.dark,:root{--cursorColor:hsla(0,0%,100%,0.6);--blr:6px;--ct:150%}.dark{--lighttrans:transparent;--rolecolor:#bdceeb;--borderc:#fff;--grsc:90%;--hue:0deg;--backblk:#000;--labelc:#ccc;--fontc:#000;--backc:rgba(35,34,34,0.6588235294117647);--logocolor:#222}body{&,*{transition:all .3s ease-out}&.light{background-color:#eee;background-color:var(--bglight)}&.dark{background-color:#222;background-color:var(--bgdark)}}.menu{position:absolute;height:--menulineheight * 5;height:var(--menuheight);top:50%;margin-top:-(--menulineheight * 5);margin-top:-(var(--menuheight/2));width:auto;margin-left:50px;margin-left:var(--menuleft)}li{color:#000;color:var(--itemcolor);list-style-type:none;line-height:--menufontsize;line-height:var(--menulineheight);font-family:"Raleway",sans-serif;font-family:var(--mainfont);font-size:50px;font-size:var(--menufontsize);text-transform:lowercase;text-transform:var(--menutexttransform)}li:hover{color:#eee;color:var(--itemhover);cursor:pointer}body{font-family:"Montserrat",sans-serif;font-weight:300;font-size:15px;line-height:1.7;color:#c4c3ca;overflow-x:hidden;transition:all .3s linear}a{cursor:pointer}a:hover{text-decoration:none}.cursor,.cursor2,.cursor3{position:fixed;border-radius:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);pointer-events:none;left:-100px;top:50%;mix-blend-mode:difference;transition:all .3s linear}.cursor{background-color:#fff;height:0;width:0;z-index:99999}.cursor2,.cursor3{height:36px;width:36px;z-index:99998;transition:all .3s ease-out}.cursor2.hover,.cursor3.hover{-webkit-transform:scale(2) translateX(-25%) translateY(-25%);transform:scale(2) translateX(-25%) translateY(-25%);border:none}.cursor2{border:2px solid #fff;box-shadow:0 0 22px var(--cursorColor)}.cursor2.hover{background:#fff;box-shadow:0 0 12px hsla(0,0%,100%,.2)}@media screen and (max-width:1200px){.cursor,.cursor2,.cursor3{display:none}}.section{position:relative;width:100%;display:block}.over-hide{overflow:hidden}.full-height{height:100vh}.cd-header{position:fixed;width:100%;top:0;left:0;z-index:100}.header-wrapper{position:relative;width:calc(100% - 100px);margin-left:50px}.logo-wrap{position:absolute;display:block;left:0;top:40px;cursor:pointer}.logo-wrap a{cursor:pointer;font-family:"Monotype Corsiva";font-weight:900;font-size:20px;line-height:20px;text-transform:uppercase;letter-spacing:2px;color:#fff;transition:all .3s ease-out;background:var(--logocolor);box-shadow:0 0 20px 20px var(--logocolor)}.logo-wrap a span{background:linear-gradient(90deg,#d116e2,#00f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:animatedgradient 3s ease infinite alternate;animation:animatedgradient 3s ease infinite alternate;background-size:200% 200%}.logo-wrap a:hover{opacity:.9}.nav-but-wrap{position:relative;display:inline-block;float:right;padding-left:15px;padding-top:15px;margin-top:26px;transition:all .3s ease-out}.menu-icon{height:30px;position:relative;z-index:2}.menu-icon,.menu-icon__line{width:30px;cursor:pointer;display:block}.menu-icon__line{height:2px;background-color:#fff;margin-bottom:7px;transition:background-color .5s ease,-webkit-transform .2s ease;transition:transform .2s ease,background-color .5s ease;transition:transform .2s ease,background-color .5s ease,-webkit-transform .2s ease}.menu-icon__line-left,.menu-icon__line-right{width:16.5px;transition:all .2s linear}.menu-icon__line-right{float:right}.menu-icon:hover .menu-icon__line-left,.menu-icon:hover .menu-icon__line-right{width:30px}.nav{position:fixed;z-index:98}.nav:after,.nav:before{content:"";position:fixed;width:100vw;height:100vh;background:rgba(20,21,26,.6);border-bottom-left-radius:200%;z-index:-1;transition:-webkit-transform .6s cubic-bezier(.77,0,.175,1),border-radius .8s linear;transition:border-radius .8s linear,-webkit-transform .6s cubic-bezier(.77,0,.175,1);transition:transform .6s cubic-bezier(.77,0,.175,1),border-radius .8s linear;transition:transform .6s cubic-bezier(.77,0,.175,1),border-radius .8s linear,-webkit-transform .6s cubic-bezier(.77,0,.175,1);transition:transform .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1),border-radius .8s linear;-webkit-transform:translateX(100%) translateY(-100%);transform:translateX(100%) translateY(-100%)}.nav:after{background:#09090c;transition-delay:0s}.nav:before{transition-delay:.2s}.nav__content{position:fixed;visibility:hidden;top:50%;margin-top:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;text-align:center}.nav__list{position:relative;padding:0;margin:0;z-index:2}.nav__list-item{display:block;transition-delay:.8s;opacity:0;text-align:center;color:#fff;font-family:"Montserrat",sans-serif;font-size:8vh;line-height:1.15;letter-spacing:3px;-webkit-transform:translate(100px);transform:translate(100px);transition:opacity .2s ease,-webkit-transform .3s ease;transition:opacity .2s ease,transform .3s ease;transition:opacity .2s ease,transform .3s ease,-webkit-transform .3s ease;margin-top:0;margin-bottom:0}.nav__list-item,.nav__list-item a{position:relative;overflow:hidden;font-weight:900}.nav__list-item a{text-decoration:none;color:hsla(0,0%,100%,.6);background:linear-gradient(90deg,#d116e2,#00f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;padding-left:5px;padding-right:5px;z-index:2;display:inline-block;text-transform:uppercase;transition:all .2s linear}.nav__list-item a:after{position:absolute;content:"";top:50%;margin-top:-2px;left:50%;width:0;height:0;opacity:0;background-color:#8167a9;z-index:1;transition:all .2s linear}.nav__list-item a:hover:after{height:4px;opacity:1;left:0;width:100%}.nav__list-item a:hover{background:linear-gradient(90deg,#5960ed,#ee1da5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#fff}.nav__list-item.active-nav a{color:#fff}.nav__list-item.active-nav a:after{height:4px;opacity:1;left:0;width:100%}body.nav-active .nav__content{visibility:visible}body.nav-active .menu-icon__line{background-color:#fff;-webkit-transform:translate(0) rotate(-45deg);transform:translate(0) rotate(-45deg)}body.nav-active .menu-icon__line-left{width:15px;-webkit-transform:translate(2px,4px) rotate(45deg);transform:translate(2px,4px) rotate(45deg)}body.nav-active .menu-icon__line-right{width:15px;float:right;-webkit-transform:translate(-3px,-3.5px) rotate(45deg);transform:translate(-3px,-3.5px) rotate(45deg)}body.nav-active .menu-icon:hover .menu-icon__line-left,body.nav-active .menu-icon:hover .menu-icon__line-right{width:15px}body.nav-active .nav{visibility:visible}body.nav-active .nav:after,body.nav-active .nav:before{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);border-radius:0}body.nav-active .nav:after{transition-delay:.1s}body.nav-active .nav:before{transition-delay:0s}body.nav-active .nav__list-item{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:opacity .3s ease,color .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,color .3s ease;transition:opacity .3s ease,transform .3s ease,color .3s ease,-webkit-transform .3s ease}body.nav-active .nav__list-item:nth-child(0){transition-delay:.7s}body.nav-active .nav__list-item:first-child{transition-delay:.8s}body.nav-active .nav__list-item:nth-child(2){transition-delay:.9s}body.nav-active .nav__list-item:nth-child(3){transition-delay:1s}body.nav-active .nav__list-item:nth-child(4){transition-delay:1.1s}body.nav-active .nav__list-item:nth-child(5){transition-delay:1.2s}body.nav-active .nav__list-item:nth-child(6){transition-delay:1.3s}body.nav-active .nav__list-item:nth-child(7){transition-delay:1.4s}body.nav-active .nav__list-item:nth-child(8){transition-delay:1.5s}body.nav-active .nav__list-item:nth-child(9){transition-delay:1.6s}body.nav-active .nav__list-item:nth-child(10){transition-delay:1.7s}.switch-wrap{position:absolute;top:50%;left:0;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;transition:all .5s linear;margin:0 auto;text-align:center}.switch-wrap h1{font-weight:900;font-size:46px;line-height:1;color:#fff;text-align:center;text-transform:uppercase;margin-bottom:40px;transition:all .3s linear}@media screen and (max-width:580px){.switch-wrap h1{font-size:32px}}.switch-wrap p{font-weight:600;font-size:14px;letter-spacing:1px;line-height:1;color:#8167a9;text-align:center;margin-top:15px}.switch-wrap p span{position:relative}.switch-wrap p span:before{position:absolute;content:"";width:100%;height:2px;background-color:#fff;left:0;bottom:-4px;transition:all .3s linear}.switch-wrap p span:nth-child(2):before{opacity:0}#circle,#switch{cursor:pointer;transition:all .3s linear}#switch{width:60px;height:8px;margin:0 auto;text-align:center;border:2px solid #000;border-radius:27px;background:#8167a9;position:relative;display:inline-block}#circle{position:absolute;top:-11px;left:-13px;width:26px;height:26px;border-radius:50%;box-shadow:0 4px 4px rgba(26,53,71,.25),0 0 0 1px rgba(26,53,71,.07);background:#fff}.switched{border-color:#8167a9!important;background:#000!important}.switched #circle{left:43px;background:#000}body.light{background-color:#fff}body.light .cursor,body.light .cursor2,body.light .cursor3{mix-blend-mode:normal}body.light .cursor2{border:2px solid #1f2029;box-shadow:0 0 20px rgba(0,0,0,.5)}body.light .cursor2.hover{background:rgba(0,0,0,.06);box-shadow:0 0 2px rgba(0,0,0,.1);border-color:transparent}body.light .logo-wrap a{color:#1f2029}body.light .menu-icon__line{background-color:#1f2029}body.light .nav:before{background:hsla(0,0%,92.2%,.6)}body.light .nav:after{background:#fafafa}body.light .nav__list-item a{color:rgba(0,0,0,.6)}body.light .nav__list-item.active-nav a,body.light .nav__list-item a:hover{color:#1f2029}body.light .switch-wrap h1{color:#000}body.light .switch-wrap p span:nth-child(2):before{opacity:1;background-color:#000}body.light .switch-wrap p span:first-child:before{opacity:0}.link-to-portfolio{position:fixed;bottom:40px;right:50px;z-index:200;cursor:pointer;width:50px;height:50px;text-align:center;border-radius:3px;background-position:50%;background-size:65%;background-repeat:no-repeat;background-image:url(https://assets.codepen.io/1462889/fcy.png);box-shadow:0 0 0 2px hsla(0,0%,100%,.1);transition:opacity .2s,border-radius .2s,box-shadow .2s;transition-timing-function:ease-out}.link-to-portfolio:hover{opacity:.8;border-radius:50%;box-shadow:0 0 0 20px hsla(0,0%,100%,.1)}.writer-effect{font-family:"Times New Roman",Times,serif;font-size:6em;background:linear-gradient(135deg,#f79533,#e7350d,#f30d4e,#a166ab,#276bf4,#0cb2cc,#40e659,#02ff41);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:animatedgradient 3s ease infinite alternate;animation:animatedgradient 3s ease infinite alternate;background-size:150% 150%}@media screen and (max-height:550px){.writer-effect{font-size:2em}.logo-wrap a{cursor:pointer;font-family:"Monotype Corsiva";font-weight:900;font-size:13px;line-height:20px;text-transform:uppercase;letter-spacing:1.5px;color:#fff;transition:all .3s ease-out}}@media screen and (max-width:580px){.writer-effect{font-size:3em}.logo-wrap a{cursor:pointer;font-family:"Monotype Corsiva";font-weight:900;font-size:13px;line-height:20px;text-transform:uppercase;letter-spacing:1.5px;color:#fff;transition:all .3s ease-out}}*{margin:0;box-sizing:border-box}:root{font-size:13px;font-family:"Source Sans Pro",sans-serif;line-height:1.618;font-weight:400}body{background-color:#2f3238;color:#f5f5f5}a{color:#1abc89}a:hover{opacity:.8}p{font-size:1.2rem;color:hsla(0,0%,96.1%,.5)}.small{font-size:1rem;margin-top:1em}.container{max-width:1200px}.container,.container-port{margin:0 auto;padding:4rem 2rem}.container-port{max-width:100%}header{text-align:center;padding-bottom:3rem}h1{font-size:2.6rem;line-height:1.2em;padding-bottom:1rem;font-weight:600}svg{position:absolute;top:0;left:0;width:100%;height:100%}circle{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform .2s cubic-bezier(.25,.46,.45,.94);transition:transform .2s cubic-bezier(.25,.46,.45,.94);transition:transform .2s cubic-bezier(.25,.46,.45,.94),-webkit-transform .2s cubic-bezier(.25,.46,.45,.94)}text{font-size:2rem;text-transform:uppercase;text-anchor:middle;letter-spacing:1px;font-weight:600;word-wrap:break-word;-ms-word-wrap:break-word}.svg-text{fill:#545a64;text-shadow:4px 4px 4px #fff}.svg-masked-text{fill:#464545;text-shadow:0 0 10px #fff,-10px -10px 10px #fff,10px 10px 10px #fff,-10px 0 10px #fff,0 10px 10px #fff}image{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transition:-webkit-transform .2s cubic-bezier(.25,.46,.45,.94);transition:transform .2s cubic-bezier(.25,.46,.45,.94);transition:transform .2s cubic-bezier(.25,.46,.45,.94),-webkit-transform .2s cubic-bezier(.25,.46,.45,.94)}.items{flex-flow:row wrap}.item,.items{display:flex;justify-content:center}.item{align-items:center;position:relative;overflow:hidden;width:400px;height:250px;margin:5px;cursor:pointer;background-color:#3b3e46;border-radius:2px;box-shadow:0 5px 5px rgba(0,0,0,.02),inset 0 0 0 1px rgba(0,0,0,.07);-webkit-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:#00f}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:green}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);background-color:#00f}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);background-color:green}}.item:hover circle,.item:hover image{-webkit-transform:scale(1);transform:scale(1)}button{width:12px;height:12px;border:none;-webkit-appearance:none;appearance:none;box-shadow:0 0 0 1px rgba(0,0,0,.5);border-radius:1px}button.dark{background-color:#2f3238}button.light{background-color:#f9f9f9}.options{position:absolute;top:1rem;right:1rem}.options button{margin-left:.5rem}.light{background-color:#f9f9f9;color:#1a1a1a}.light p{color:rgba(26,26,26,.5)}.light .item{background:#eae8e8;border-radius:1rem}.light .item:hover{background:rgba(31,28,28,.674)}.light .svg-text{fill:rgba(0,0,0,.1)}.dull-image{-webkit-filter:blur(var(--blr)) hue-rotate(var(--hue)) contrast(var(--ct)) grayscale(var(--grsc));filter:blur(var(--blr)) hue-rotate(var(--hue)) contrast(var(--ct)) grayscale(var(--grsc))}@mixin clearfix{&:after{content:"";display:table;clear:both}}.align-centerw{text-align:center}.roww{@include clearfix;margin:-20px 0;.col{padding:0 20px;float:left;box-sizing:border-box;&.x-50{width:50%}&.x-100{width:100%}}}.content-wrapper{min-height:100%;position:relative}.get-in-touchw{max-width:650px;margin:25rem auto 35rem;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);.title{text-align:center;font-family:Raleway,sans-serif;text-transform:uppercase;letter-spacing:3px;font-size:36px;line-height:48px;padding-bottom:48px}}.contact-formw{.form-field{position:relative;margin:32px 0}.input-text{display:block;width:100%;height:36px;border-width:0 0 2px;border-color:var(--borderc);color:var(--borderc);background-color:var(--backc);font-family:Lusitana,serif;font-size:18px;line-height:26px;font-weight:400;&:focus{outline:none}&.not-empty,&:focus{+.label{-webkit-transform:translateY(-24px);transform:translateY(-24px)}}}.input-area{display:block;width:100%;height:8rem;border-width:0 0 2px;color:var(--borderc);background-color:var(--backc);border-color:var(--borderc);font-family:Lusitana,serif;font-size:18px;line-height:26px;font-weight:400;&:focus{outline:none}&.not-empty,&:focus{+.label2{-webkit-transform:translateY(-24px);transform:translateY(-24px)}}}.label{bottom:11px}.label,.label2{position:absolute;left:20px;font-family:Lusitana,serif;font-size:18px;line-height:26px;font-weight:400;color:var(--labelc);cursor:text;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.label2{top:0}.submit-btn{display:inline-block;background-color:var(--borderc);color:var(--fontc);font-family:Raleway,sans-serif;text-transform:uppercase;letter-spacing:2px;font-size:16px;line-height:24px;padding:8px 16px;border:none;cursor:pointer}}@media screen and (max-width:580px){.get-in-touchw{margin-top:14rem;margin-bottom:35rem}}#button-wrapper{font-family:"Roboto",sans-serif;font-size:20px;text-transform:uppercase;letter-spacing:6px;color:#fff;width:100%;height:100px;position:absolute;left:0;padding:10px 0;overflow:visible}.loader,.loader-wrapper,.submit{position:absolute;left:0;right:0;margin:0 auto}.submit{z-index:2;width:238px;height:56px;background:linear-gradient(90deg,#a0a0a0 0,#000);display:block;border-radius:200px;text-align:center;color:#fff;text-decoration:none;line-height:300%;transition:all .7s ease,line-height 0s ease,color .4s ease,-webkit-filter .2s ease;transition:all .7s ease,line-height 0s ease,color .4s ease,filter .2s ease;transition:all .7s ease,line-height 0s ease,color .4s ease,filter .2s ease,-webkit-filter .2s ease}#button-wrapper::selection,.submit::selection{background:transparent}.submit:before{z-index:-2;background:linear-gradient(90deg,#fffcf9 0,#000);opacity:.8;-webkit-transform:scale(.9) translateY(5px);transform:scale(.9) translateY(5px);-webkit-filter:blur(20px);filter:blur(20px);transition:all .2s ease}.submit:after,.submit:before{content:"";width:100%;height:100%;display:block;border-radius:200px;position:absolute;left:0;top:0}.submit:after{z-index:-4;background:linear-gradient(90deg,#8c8c8c 0,#000);opacity:0;-webkit-transform:scale(1);transform:scale(1)}.submit:hover:before{-webkit-transform:scale(.9) translateY(5px);transform:scale(.9) translateY(5px);-webkit-filter:blur(15px);filter:blur(15px)}.submit:active{line-height:300%;-webkit-filter:brightness(.95);filter:brightness(.95);transition:all 0s}.checked .submit:before{top:0;opacity:0}.checked .submit:after{-webkit-animation:submit-after-anim .5s cubic-bezier(.39,.575,.565,1) 4.4s;animation:submit-after-anim .5s cubic-bezier(.39,.575,.565,1) 4.4s}.checked{-webkit-filter:url(#goo);filter:url(#goo)}.yellow{background-color:#7c7b7a}.pink{background-color:#000}.orange{background-color:#fff;-webkit-transform:scale(.2) rotate(30deg) translate(0);transform:scale(.2) rotate(30deg) translate(0)}.checked .pink{-webkit-animation:loader-anim-pink 4s cubic-bezier(.645,.045,.355,1);animation:loader-anim-pink 4s cubic-bezier(.645,.045,.355,1)}.checked .yellow{-webkit-animation:loader-anim-yellow 4s cubic-bezier(.645,.045,.355,1) .2s;animation:loader-anim-yellow 4s cubic-bezier(.645,.045,.355,1) .2s}.checked .orange{-webkit-animation:loader-anim-orange 4s cubic-bezier(.645,.045,.355,1) .7s;animation:loader-anim-orange 4s cubic-bezier(.645,.045,.355,1) .7s}.loader{width:95px;height:95px;border-radius:50%;opacity:0;z-index:1}.checked .loader{opacity:1}.checked .loader-wrapper{-webkit-animation:wrapper-loader-anim 4.2s linear;animation:wrapper-loader-anim 4.2s linear;width:95px;height:95px;-webkit-transform:scale(0);transform:scale(0)}.checked .submit{width:95px;color:hsla(0,0%,100%,0);background:linear-gradient(90deg,#d6d2d2 0,#000);-webkit-animation:submit-anim 4s cubic-bezier(.39,.575,.565,1);animation:submit-anim 4s cubic-bezier(.39,.575,.565,1)}.check-wrapper{position:absolute;left:0;right:0;margin:0 auto;width:50px;height:50px;z-index:-1;opacity:1}.check-wrapper svg{margin-top:8px;margin-left:0}.check{fill:none;stroke:#fff;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:1000;stroke-dashoffset:1000;z-index:-1}.checked .check-wrapper{z-index:3}.checked .check{-webkit-animation:check 4s ease 4.4s forwards;animation:check 4s ease 4.4s forwards}@-webkit-keyframes loader-anim-pink{0%{-webkit-transform:scale(.2) rotate(0deg) translate(220px);transform:scale(.2) rotate(0deg) translate(220px)}to{-webkit-transform:scale(.2) rotate(1100deg) translate(300px);transform:scale(.2) rotate(1100deg) translate(300px)}}@keyframes loader-anim-pink{0%{-webkit-transform:scale(.2) rotate(0deg) translate(220px);transform:scale(.2) rotate(0deg) translate(220px)}to{-webkit-transform:scale(.2) rotate(1100deg) translate(300px);transform:scale(.2) rotate(1100deg) translate(300px)}}@-webkit-keyframes loader-anim-yellow{0%{-webkit-transform:scale(.2) rotate(0deg) translate(300px);transform:scale(.2) rotate(0deg) translate(300px)}to{-webkit-transform:scale(.2) rotate(1100deg) translate(220px);transform:scale(.2) rotate(1100deg) translate(220px)}}@keyframes loader-anim-yellow{0%{-webkit-transform:scale(.2) rotate(0deg) translate(300px);transform:scale(.2) rotate(0deg) translate(300px)}to{-webkit-transform:scale(.2) rotate(1100deg) translate(220px);transform:scale(.2) rotate(1100deg) translate(220px)}}@-webkit-keyframes loader-anim-orange{0%,70%{-webkit-transform:scale(.2) rotate(30deg) translate(0);transform:scale(.2) rotate(30deg) translate(0)}85%{-webkit-transform:scale(.2) rotate(30deg) translate(-300px);transform:scale(.2) rotate(30deg) translate(-300px)}to{-webkit-transform:scale(.2) rotate(30deg) translate(0);transform:scale(.2) rotate(30deg) translate(0)}}@keyframes loader-anim-orange{0%,70%{-webkit-transform:scale(.2) rotate(30deg) translate(0);transform:scale(.2) rotate(30deg) translate(0)}85%{-webkit-transform:scale(.2) rotate(30deg) translate(-300px);transform:scale(.2) rotate(30deg) translate(-300px)}to{-webkit-transform:scale(.2) rotate(30deg) translate(0);transform:scale(.2) rotate(30deg) translate(0)}}@-webkit-keyframes wrapper-loader-anim{0%{-webkit-transform:scale(0) translateY(0);transform:scale(0) translateY(0)}10%{-webkit-transform:scale(1) translateY(20px);transform:scale(1) translateY(20px)},50%{-webkit-transform:scale(1.2) translateY(10px);transform:scale(1.2) translateY(10px)}90%{-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px)}to{-webkit-transform:scale(0) translateY(0);transform:scale(0) translateY(0)}}@keyframes wrapper-loader-anim{0%{-webkit-transform:scale(0) translateY(0);transform:scale(0) translateY(0)}10%{-webkit-transform:scale(1) translateY(20px);transform:scale(1) translateY(20px)},50%{-webkit-transform:scale(1.2) translateY(10px);transform:scale(1.2) translateY(10px)}90%{-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px)}to{-webkit-transform:scale(0) translateY(0);transform:scale(0) translateY(0)}}@-webkit-keyframes submit-after-anim{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.3}to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes submit-after-anim{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.3}to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@-webkit-keyframes submit-anim{0%{-webkit-transform:scale(1);transform:scale(1)}5%,95%{-webkit-transform:scale(.7);transform:scale(.7)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes submit-anim{0%{-webkit-transform:scale(1);transform:scale(1)}5%,95%{-webkit-transform:scale(.7);transform:scale(.7)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes check{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes check{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}#home h2{font-size:29px}#home h4{font-size:23px}#home-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}footer{background-color:initial}@media (max-width:768px){.navbar-nav{margin:0;padding:7.5px 15px}ul>li>a:hover{margin:0}}@-webkit-keyframes animatedgradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes animatedgradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media screen and (max-width:768px){.col-sm-4,.col-sm-8{text-align:center}.col-sm-8{margin:25px 0}.navbar{opacity:.8}}#lead-down,#lead-down a{color:#e7f7ff}#lead-down{position:absolute;left:0;right:0;width:100%;text-align:center;z-index:10;bottom:15px}#lead-down span{cursor:pointer;display:block;margin:0 auto;width:35px;height:35px;border-radius:50%;border:3px solid #e7f7ff;text-align:center}#lead-down i{padding-top:5px}.img-circle{border-radius:50%;box-shadow:0 0 11px var(--borderc)}.logo{color:#3a3e40}#about h2 i,.logo{font-size:200px}#contact i{padding:10px 20px 0}.thumbnail{padding:0 0 15px;border:none;border-radius:0;background-color:#dfdee5;margin-bottom:15px}.thumbnail,.thumbnail img{height:100%;width:100%}.heading{font-size:3rem;position:relative;display:inline-block}.heading:after{position:absolute;content:"";top:100%;height:.2rem;width:110%;left:0;right:0;margin:0 auto;background:linear-gradient(60deg,#f79533,#f36f52,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);z-index:0;-webkit-animation:animatedgradient 3s ease infinite alternate;animation:animatedgradient 3s ease infinite alternate;background-size:300% 300%}#experience-timeline>div h3{font-size:1.6em;font-weight:500;color:var(--rolecolor);display:inline-block;margin:0}#experience-timeline>div h4{margin:0 0 10px}#experience-timeline>div p{color:var(--rolecolor);font-size:.9em;margin:0}#experience-timeline:after{content:none}#experience{text-align:center;margin:10rem auto}#experience-timeline{margin:30px auto 0;position:relative;max-width:1000px}#experience-timeline:before{position:absolute;content:"";top:0;bottom:0;left:303px;right:auto;height:100%;width:3px;background:linear-gradient(135deg,#f79533,#f36f52,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);z-index:0;-webkit-animation:animatedgradient 3s ease infinite alternate;animation:animatedgradient 3s ease infinite alternate;background-size:300% 300%}#experience-timeline:after{position:absolute;content:"";width:3px;height:40px;background:#3498db;background:linear-gradient(180deg,#1098ad,rgba(52,152,219,0));top:100%;left:303px}.vtimeline-content{margin-left:350px;background:var(--backblk);border:1px solid (--backborder);padding:15px;border-radius:3px;text-align:left;box-shadow:0 0 11px var(--borderc)}.vtimeline-point{position:relative;display:block;vertical-align:top;margin-bottom:30px}.vtimeline-icon{position:relative;color:#fff;width:50px;height:50px;background:#fff;border-radius:50%;float:left;z-index:2;margin-left:280px}.vtimeline-icon i{display:block;font-size:2em;margin-top:10px}.vtimeline-date{width:260px;text-align:right;position:absolute;left:0;top:10px;font-weight:300}@media only screen and (max-width:750px){#experience-timeline:after,#experience-timeline:before{left:23px}.vtimeline-date{width:auto;text-align:left;position:relative;margin-bottom:15px;display:block;margin-left:70px}.vtimeline-icon{margin-left:0}.vtimeline-content{margin-left:70px}}.timpng{border-radius:50%}
/*# sourceMappingURL=main.a9057cf7.chunk.css.map */