@import url(https://fonts.googleapis.com/css?family=Overlock:400,400i,700|Oleo+Script);*,:after,:before,:root{-ms-overflow-style:none;-webkit-scrollbar:none;box-sizing:border-box;margin:0;padding:0;scrollbar-width:none}body,html{height:100%}body{background:#fafafa;color:#252934;font-family:Overlock,Arial,Helvetica,sans-serif;font-size:62.5%;overflow-x:hidden}a,a:visited{color:#252934;font-size:1.4rem;text-decoration:none;transition:.2s}a:active,a:hover{color:#f300b4}.menu-container.active>.overlay,.menu-container>.overlay{background:#fafafa;height:calc(100vh - 120px);position:absolute;right:0;width:calc(100vw - 120px)}.menu-container.active>.overlay{animation:overlay-slide-in .3s .3s forwards}@keyframes overlay-slide-in{0%{width:calc(100vw - 120px)}to{width:0}}.menu-container>.overlay{animation:overlay-slide-out .3s forwards}@keyframes overlay-slide-out{0%{left:0;width:0}to{left:0;width:calc(100vw - 120px)}}.menu-container{align-items:center;background:#202934;border:60px solid #181d23;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:fixed;width:100vw}.menu-container:after,.menu-container:before{content:"";min-height:100vh;position:absolute;width:100%;z-index:-1}.menu-container:before{background:url(/static/media/Stars.8a0c1e35dbdee9d1871f.svg)}.menu-container:after{background:url(/static/media/Trees.6947010d7683924c2b24.svg) bottom repeat-x}.menu-container.deactive{animation:fade-out .6s forwards}@keyframes fade-out{0%{opacity:1;z-index:999}50%{opacity:1;z-index:999}to{opacity:0;z-index:-1}}.menu-container.active{animation:fade-in .3s forwards}@keyframes fade-in{0%{opacity:0;z-index:-1}to{opacity:1;z-index:999}}.menu-container .social,.menu-container ul{animation:slide-out .2s forwards;margin-left:-80px;opacity:0}.menu-container ul{font-size:3rem;list-style-type:none!important}@keyframes slide-out{0%{margin-left:0;opacity:1}to{margin-left:-80px;opacity:0}}.menu-container.active .social,.menu-container.active ul{animation:slide-in .3s .6s forwards}@keyframes slide-in{0%{margin-left:-80px;opacity:0}to{margin-left:0;opacity:1}}.menu-container ul li{border-left:.2rem solid #0000;transition:border-left .2s}.menu-container ul li a{font-size:3rem;padding-left:.5rem}.menu-container ul li a:after{color:#0000;content:" »";font-size:2.5rem;transition:color .2s}.menu-container ul li a:hover:after{color:#f300b4;content:" »"}.social{padding:1rem 0 0 .5rem}.social a{font-size:1.5rem;padding:.2rem}.menu-container a,.menu-container a:visited{color:#fafafa}.menu-container a:active,.menu-container a:hover{color:#f300b4}@media only screen and (max-width:649px){.menu-container{border:none}.menu-container.active>.overlay,.menu-container>.overlay{height:100vh;width:100vw}.menu-container.active>.overlay{animation:overlay-slide-in .3s .3s forwards}@keyframes overlay-slide-in{0%{width:100vw}to{width:0}}.menu-container>.overlay{animation:overlay-slide-out .3s forwards}@keyframes overlay-slide-out{0%{left:0;width:0}to{left:0;width:100vw}}}#navbar{display:flex;justify-content:center;padding:1rem;position:fixed;width:100%;z-index:9999}#navbar.bg-active{background:#181d23}#navbar .nav-wrapper{align-items:center;display:flex;justify-content:space-between;max-width:1400px;padding:0 2rem;width:100%}#navbar .brand{color:#fafafa;cursor:default;font-size:1.6rem}.menu-button{height:22px;outline:none;position:relative;width:30px}.menu-button span,.menu-button span:after,.menu-button span:before{background:#fafafa;content:"";height:3px;position:absolute;transition:.5s cubic-bezier(.77,0,.175,1);width:30px}.menu-button span{display:block;position:relative;top:50%;transform:translateY(-50%)}.menu-button span:before{top:-8px}.menu-button span:after{top:8px}.menu-button:hover>span,.menu-button:hover>span:after,.menu-button:hover>span:before{background:#f300b4}.menu-button.active>span{background:#0000}.menu-button.active>span:before{top:0;transform:rotate(-225deg)}.menu-button.active>span:after{top:0;transform:rotate(225deg)}@media only screen and (max-width:849px){#navbar{background:#181d23aa}}#welcome-section{background:#202736;background:linear-gradient(180deg,#181d23 0,#202736 80%);background-attachment:fixed;background-size:cover;margin:0 auto;min-height:100vh;position:relative;z-index:1}#welcome-section:before{animation:stars-move-in 1s .3s forwards;background:url(/static/media/Stars.8a0c1e35dbdee9d1871f.svg) fixed;content:"";min-height:100vh;opacity:0;position:fixed;width:100%;z-index:-1}@keyframes stars-move-in{0%{background-position-y:-100px}to{background-position-y:0;opacity:1}}.forest{animation:forest-move-in 1s .5s forwards;background:url(/static/media/Trees.6947010d7683924c2b24.svg) 0 100% repeat-x;background-size:cover;border-bottom:300px solid #181d23;bottom:-300px;height:80%;left:0;opacity:0;position:absolute;width:100%}@keyframes forest-move-in{0%{background-position-y:150%}to{background-position-y:100%;opacity:1}}.silhouette{animation:silhouette-move-in 1s .8s forwards;background:url(/static/media/Silhouette.94098b6d48b79ae2a99d.svg) 0 100% no-repeat;bottom:0;height:50%;left:0;opacity:0;position:absolute;width:50%}@keyframes silhouette-move-in{0%{background-position-x:0}to{background-position-x:50%;opacity:1}}.moon{animation:moon-move-in 1.2s 1s forwards;background:url(/static/media/Moon.b4f3fe5b459b519cfdb9.svg) right 150% no-repeat;background-attachment:fixed;background-size:40% 40%;height:100%;opacity:0;position:absolute;position:fixed;right:0;top:0;width:100%;z-index:-1}@keyframes moon-move-in{0%{background-position:right 150%;opacity:0}to{background-position:100% 0;opacity:1}}#welcome-section .container{animation:text-fade-in 1s .8s forwards;opacity:0;position:absolute;right:0;right:25%;top:50%;transform:translateY(-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@keyframes text-fade-in{0%{right:0}to{opacity:1;right:25%}}#welcome-section .container h1{color:#fafafa;font-size:4rem;font-style:italic;font-weight:400;line-height:3rem}#welcome-section .container h1 .line:first-child{margin-left:1rem}#welcome-section .container h1 .line:last-child{margin-left:2rem}#welcome-section .container .buttons{display:flex;margin-top:1rem}#welcome-section .container .buttons a,#welcome-section .container .buttons a:visited{border:1px solid #fafafa;color:#fafafa;font-size:1rem;padding:1rem;text-align:center;text-transform:uppercase;width:100%}#welcome-section .container .buttons a:active,#welcome-section .container .buttons a:hover{border:1px solid #f300b4;box-shadow:0 10px 100px -20px #f300b4;transform:translateY(-2px)}#welcome-section .container .buttons a.cta,#welcome-section .container .buttons a.cta:visited{background:#f300b4;border:1px solid #0000;color:#fafafa;font-weight:700}#welcome-section .container .buttons a.cta:active,#welcome-section .container .buttons a.cta:hover{background:#0000;border:1px solid #f300b4}#welcome-section .container .buttons a:first-child{margin-right:1rem}.line{display:block}.color{color:#f300b4;font-style:italic}@media only screen and (max-width:649px){#welcome-section .container{animation:text-fade-in 1s .8s forwards;right:50%;top:10%;transform:translate(50%);width:80%}@keyframes text-fade-in{0%{right:0}to{opacity:1;right:50%}}.silhouette{width:100%}}#about{background:#fafafa;background:#fafafa url(/static/media/Author_BG.3f06b0bdf61b9d45e0d1.jpg) 100% no-repeat;background-attachment:fixed;-webkit-clip-path:polygon(0 0,20% 5%,100% 0,100% 100%,80% 95%,0 100%);clip-path:polygon(0 0,20% 5%,100% 0,100% 100%,80% 95%,0 100%);font-size:1.4rem;position:relative;z-index:5}#about,#about .wrapper{height:100%;min-height:100vh}#about .wrapper{margin:0 auto;max-width:1400px;padding:15rem 10rem 12rem}#about article{grid-gap:1rem;display:grid;grid-template-columns:repeat(4,1fr);padding:3rem 0}#about .title{align-items:center;display:flex;flex-direction:column;grid-column-end:span 4}#about .title h3{font-size:2.4rem}#about .separator{background:#f300b4;height:2px;margin:1rem 0;padding:0;width:150px}#about .subtitle{color:inherit;font-size:1.6rem;padding-bottom:1.5rem;text-align:center}#about p{color:#555;line-height:1.9rem;padding-bottom:1.5rem}#about .desc.full{grid-column-end:span 4;margin-bottom:2rem}#about .desc{background:#ffffffaa;grid-column-end:span 2;padding:2rem;text-align:justify}@media only screen and (max-width:1149px){#about article{grid-gap:0;grid-template-columns:1fr}#about .desc,#about .desc.full{grid-column-end:-1}}@media only screen and (max-width:949px){#about{background-position:0 0;background-size:cover;-webkit-clip-path:polygon(0 0,20% 2%,100% 0,100% 100%,80% 98%,0 100%);clip-path:polygon(0 0,20% 2%,100% 0,100% 100%,80% 98%,0 100%)}}@media only screen and (max-width:649px){#about .wrapper{padding:10rem 2rem 8rem}}#projects{background:#f0f0f0;background:linear-gradient(215deg,#f0f0f0,#fafafa);font-size:1.4rem;margin-top:-10rem;min-height:100vh;position:relative;z-index:1}#projects a,#projects a:visited{color:#f300b4}#projects a:active,#projects a:hover{color:#252934}#projects .projects-container{margin:0 auto;max-width:1400px;padding:12rem 5rem 8rem;width:100%}#projects .heading .title{font-size:2.4rem;line-height:2.4rem;text-align:center}#projects .heading .separator{background:#f300b4;height:2px;margin:1rem auto;width:150px}#projects .heading .subtitle{font-size:1.4rem;margin:0 auto;text-align:center;text-align:justify;width:70%}#projects .project{grid-gap:2rem;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;margin:1rem auto;padding:2rem;width:70%}#projects .project .project-link{border:1px solid #fafafa;border-radius:50%;box-shadow:0 20px 10px -10px #25293450;color:#252934;display:block;margin:auto 0;overflow:hidden;text-align:center;transition:.3s}#projects .project .project-link:hover{box-shadow:0 50px 15px -30px #25293450}#projects .project .project-link:hover>img{filter:saturate(1);transform:scale(1.05)}#projects .project .project-image{filter:saturate(0);transform:scale(1.2);transition:all .3s;width:100%}#projects .project .project-details{margin:auto 0}#projects .project-details .project-tile{color:#f300b4;font-size:2rem;font-weight:700;margin-bottom:0;text-transform:uppercase}#projects .project-details .icons{color:#252934;margin:0}#projects .project-details .icons i{font-size:1.4rem;font-weight:400;margin-right:.4rem}#projects .project-details small{font-style:italic}#projects .project-details p{margin:1rem 0}#projects .project-details .buttons{display:flex;justify-content:space-between}#projects .project-details .buttons a{background:#fafafa;border:none;border-bottom:1px solid #f300b4;color:#252934;font-size:1.2rem;padding:.5rem;text-align:center;width:49%}#projects .project-details .buttons a:hover{background:#f300b4;color:#fafafa}#projects .project-details .buttons i{font-size:.8rem;margin-left:.5rem;vertical-align:middle}@media only screen and (max-width:1149px){#projects .project{grid-template-columns:1fr 2fr}}@media only screen and (max-width:949px){#projects .project{grid-template-columns:1fr}}@media only screen and (max-width:649px){#projects{background:#f0f0f0}#projects .projects-container{padding:12rem 0 8rem}#projects .project{padding:2rem 0}}#contact{align-items:center;background:#181d23 url(/static/media/envelope.2da9f9f0571e695cc384.svg) no-repeat 100%;-webkit-clip-path:polygon(0 0,20% 100px,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,20% 100px,100% 0,100% 100%,0 100%);color:#fafafa;display:flex;justify-content:center;margin:-100px 0 140px;min-height:100vh;padding:5rem 3rem;position:relative;width:100%;z-index:1}#contact .container{max-width:1200px;padding:25vh 0;width:70%}#contact .container .heading-wrapper{display:flex;justify-content:space-between}#contact .heading-wrapper .social a{color:#fafafa}#contact .heading-wrapper .social a:hover{color:#f300b4}.heading-wrapper .heading .title{font-size:3rem;line-height:2.4rem}.heading-wrapper .heading .separator{background:#f300b4;height:2px;margin:1rem 0;width:150px}.heading-wrapper .heading .subtitle{font-size:1.4rem}#contact-form{margin-top:1rem}input,textarea{border:none;font-family:Overlock,Arial,Helvetica,sans-serif;height:40%;padding:1rem;transition:.2s;width:100%}input[type=email],input[type=email]:not(output):not(:focus),input[type=text],input[type=text]:not(output):not(:focus),textarea{background:#0000;border-bottom:1px solid #fafafa;box-shadow:none;color:#fafafa;font-size:1.8rem;outline:none}input[type=email]:focus,input[type=email]:not(output):focus,input[type=text]:focus,input[type=text]:not(output):focus,textarea:focus{border-bottom:1px solid #f300b4}input[type=submit]{background:#f300b4;color:#fafafa;float:right;margin-top:1rem;width:auto}input[type=submit]:focus,input[type=submit]:hover{background:#fafafa;color:#333;cursor:pointer}::placeholder{color:#fafafa}.mail{display:inline-block;font-style:italic}.mail .at,.mail .dot{color:#f300b4;font-size:.9rem;margin:0 .1rem}@media only screen and (max-width:1149px){#contact .social a{display:block}}@media only screen and (max-width:649px){#contact{-webkit-clip-path:polygon(0 0,20% 5%,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,20% 5%,100% 0,100% 100%,0 100%);padding:0}}
/*# sourceMappingURL=main.40651d41.css.map*/