h2,main p{line-height:1.1em}a:active,a:focus,a:hover,h4{color:#00d3ad}.clouds,svg#treeline{bottom:0}#pixie,.clouds,svg#treeline{position:absolute;left:0}.center,h2,h3,h4{text-align:center}#menu,#pixie,.clouds,main{overflow:hidden}#menu li,a{text-decoration:none}body,header h2,header h3,nav a{color:#c0abd8}header h1,header h2,header h3{text-shadow:0 5px 10px rgba(48,0,104,.7)}.black,svg#logo{vertical-align:middle}#about p,#work p{line-height:2em}#about h2,#work h2,button:hover,h2{color:#00D3AD}#work h2,button,h1,h2,h3,h4,header h1,nav{text-transform:uppercase}#menu,.black,.vert-align,footer,footer h4,footer p{display:block}body{background-color:#000;font-family:Montserrat,sans-serif;font-size:14px;font-weight:300;margin:auto;padding:0}h2{font-size:3.5em}h1{margin-bottom:.2em}h3{font-size:1.8em}h4{font-size:1em;padding:3em 0 .5em}main p{margin:0}p{font-size:16px}a{color:#FFF}.button:focus{box-shadow:0 0 5px rgba(241,178,43,1);border:1px solid rgba(241,178,43,1);outline:0}main,section{position:relative}main{background:-webkit-linear-gradient(#0D1019,#161c2b,#0a0d14)}.clouds{top:47px;right:0;transform:translateZ(0)}.cloud{position:absolute;top:20%;width:300px;right:0;opacity:1;-webkit-animation-name:cloud-movement;-webkit-animation-timing-function:linear;-webkit-animation-direction:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:25s;-moz-animation-name:cloud-movement;-moz-animation-timing-function:linear;-moz-animation-direction:forwards;-moz-animation-iteration-count:infinite;-moz-animation-duration:25s;animation-name:cloud-movement;animation-timing-function:linear;animation-direction:forwards;animation-iteration-count:infinite;animation-duration:25s}.cloud.front{z-index:9;top:-60px}.cloud.background,.cloud.distant{z-index:1}.cloud.smaller{width:5%;margin-top:50px;margin-right:400px}.cloud.small{width:10%;top:300px;margin-right:200px}.cloud.big{width:25%;margin-top:50px;margin-right:150px}.cloud.massive{width:35%;margin-top:20px;margin-right:0}.slow{-webkit-animation-duration:63.2s;-moz-animation-duration:63.2s;animation-duration:63.2s}.slower{-webkit-animation-duration:31.2s;-moz-animation-duration:31.2s;animation-duration:31.2s}.slowest{-webkit-animation-duration:39.5s;-moz-animation-duration:39.5s;animation-duration:39.5s}.super-slow{-webkit-animation-duration:80.5s;-moz-animation-duration:80.5s;animation-duration:80.5s}@-webkit-keyframes cloud-movement{0%{opacity:0;-webkit-transform:translateX(300px);-moz-transform:translateX(300px);transform:translateX(300px)}10%,90%{opacity:.1}50%{opacity:.2}100%{opacity:0;-webkit-transform:translateX(-1600px);-moz-transform:translateX(-1600px);transform:translateX(-1600px)}}#about:focus,#contact:focus,#work:focus{outline:0}#about,#contact,#firefly,#portfolio{position:relative;z-index:10}#pixie{top:0;z-index:0}button{background:linear-gradient(to right,#1D283E 0,#00d3ad 100%);background-size:250% auto;border:none;color:#131513;font-size:1em;font-weight:600;letter-spacing:1px;margin-bottom:1em;margin-top:3.5em;padding:1.3em 6em;transition:.5s}button:hover{background-color:#00D3AD}.fade{margin:0;opacity:1}.g-recaptcha{margin:15px auto!important;width:auto!important;height:auto!important;text-align:-webkit-center;text-align:-moz-center;text-align:-o-center;text-align:-ms-center}footer,input.textfield{height:auto}#work,header .wrapper,header h1,header p,nav{text-align:center}.black{margin:0;padding:0}.vert-align{align-items:center;justify-content:center}#about li,#menu li{display:inline-block}nav{position:fixed;z-index:999}nav ul{margin-top:10px;width:100%}#menu{width:100%;border-bottom:1px solid transparent}.bgOnScroll{background:#0B0F16!important;border-bottom:1px solid #1d283e!important;-webkit-transition:ease 2s;transition:ease 2s}#menu li{margin:0 10px;-webkit-transition:border .5s ease;-moz-transition:border .5s ease;-ms-transition:border .5s ease;-o-transition:border .5s ease;transition:border .5s ease}.menu{background:0 0}header{background:linear-gradient(180deg,#1f0042 10%,#55147c 40%,#d56790 80%,#f58e75 95%,#0D1019 100%);height:500px;position:relative}header .wrapper{margin:0;padding:10em 1em 0}#about h2,#about h3,#about p,#contact form{text-align:left}header h1{color:#fff;font-size:4em;font-weight:900;letter-spacing:2px;z-index:1000}header h2{font-size:1.2em;font-weight:300;line-height:1.5em;padding:.5em 0}header h3{font-size:20px;margin-top:20px;padding:0 0 2.5em;text-transform:none}header p{bottom:40px;line-height:1.2em;padding:4em 0 0}header .box{position:relative;z-index:50}svg#logo{width:45px}#about{margin:0;padding:4em 1em}#about h3{font-size:1.5em;font-weight:600;margin:20px 0 5px}#about h4{padding-top:2em}#about li{margin-right:20px}#about .box{margin:0 auto;padding:.4em 1em}#me{margin:0;padding:4em 1em 0}#about img{display:none}#work{padding:10em 1em 4em}#work i{margin:10px}#work h2{font-size:3em;padding-bottom:1.5em}fieldset{border:none;padding:0 0 3em}input[class=textfield]:focus,input[type=submit]:focus,textarea:focus{background-color:#1d283e;border:1px solid #00d3ad;color:#c0abd8;outline:0;padding:10px}input.textfield,textarea{background-color:transparent;border-bottom:2px solid hsla(220,36%,25%,1);border-left:none;border-right:none;border-top:none;color:#c0abd8;font-size:16px;margin:.3em 0 0;padding:10px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}textarea{border:2px solid hsla(220,36%,25%,1);height:8em}legend{font-size:16px}input:-webkit-autofill,input:-webkit-autofill:focus textarea:-webkit-autofill,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus{border:1px solid #00d3ad;-webkit-text-fill-color:#c0abd8;-webkit-box-shadow:0 0 0 1000px transparent inset;transition:background-color 5000s ease-in-out 0s}#contact{padding:4em 1em;margin:0}#contact form{height:auto;padding:2em 1em}#contact .info,#contact .message{width:100%}#contact input.button{display:block;margin:0 auto}footer{background:#0a0d14;padding-bottom:2em}footer h4,footer p{text-align:center}footer h4{font-size:1.5em;padding:4em 0 0}footer p{font-size:small;padding:0 1em 0 0}footer .circle{color:#FFF;padding:.4em;margin:1em .3em 3.5em}footer .wrapper{padding-top:0}footer .circle:hover{color:#00D3AD}.gradient-test h2{background:-webkit-linear-gradient(#fc0,#f9025,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-attachment:fixed}@media screen and (min-width:700px){header{height:70vh;background-attachment:fixed!important;background:linear-gradient(168deg,#1f0042 10%,#55147c 40%,#d56790 80%,#f58e75 100%)}header h1{font-size:9vw}}@media screen and (min-width:768px){main h2,main h3,main h4{text-align:center}.box{display:inline-block}#about img,.none,nav a:after{display:block}#bio,nav li{display:inline-block}main h2{font-size:3em}main h4{font-size:1em;padding:1em 0 .5em}header h2,header h3,header p,header span{white-space:normal}header h2{font-size:1.5em;padding:1.5em 0 0}#about h2,#work h2{font-size:3em}nav ul{list-style:none;margin-top:0}nav li{line-height:24px;padding:1em 2em}nav a:after{content:'';border-bottom:solid 2px #00d3ad;transform:scaleX(0);transition:transform 250ms ease-in-out}nav a:hover:after{transform:scaleX(1)}#portfolio-title,#portfolio-work{display:inline-block;vertical-align:middle;width:75%}#portfolio-work{padding:0 2em}#about{background:url(../img/smoke.svg) center center no-repeat;background-size:contain;margin:0;text-align:left}#about h2{padding-bottom:.5em}#about p{padding-top:0;padding-bottom:0}#me{padding:0}#bio{margin:0;padding:4em 1em}#about img{border-radius:50%;margin:2em 0}#about .button{margin:2em 0 0 1em}#about .wrapper{vertical-align:middle;width:75%;margin:auto;padding:0}#contact{background:url(../img/night-camp.svg) bottom center;background-size:cover}#contact h3{font-size:2em;margin-bottom:2em}#contact form{background:hsla(0,0%,0%,.4);border-radius:25px;padding-top:4em;margin:0 auto;width:40%}.black{display:inline-block}fieldset{padding:0 3em 3em}}@media screen and (min-width:1024px){header,header .box{text-align:center}#bio,header{margin:0}#about,#contact{border-top:none}header .wrapper{padding-top:10em}nav{text-align:left}header{overflow:hidden}header h2{font-size:2em;line-height:1.4em;padding:0 0 .3em;word-spacing:2px}header p{padding:0 0 1.5em 3.5em;position:absolute;white-space:normal}header span{font-size:1em}#about{clear:both;margin:10em 1em 4em}#about .button{margin:2em 0 0 1.6em}#contact{padding:10em 1em 4em}#contact h2{font-size:4em}#contact h3{font-size:2em}}@media screen and (min-width:1200px){header{height:100vh}#work{padding:10em 1em 0}#me{width:33%;padding:6em 3.5em}#bio{width:67%}.vert-align{display:flex;align-items:center;justify-content:center}#contact .info{width:40%}#contact .message{width:59%}}@media screen and (min-width:1400px){header h1{font-size:6vw}}