@charset "UTF-8";:root,html{font-size:62.5%;scroll-behavior:smooth}*,:after,:before{box-sizing:inherit;margin:0;padding:0}body{background-color:#383838;box-sizing:border-box;color:#d9d9d9;display:grid;font-family:Helvetica,Arial,sans-serif;font-kerning:normal;font-size:1.6rem;grid-template-rows:minmax(15vh,auto) 1fr;line-height:1.5;min-height:100vh}@media only screen and (min-width:768px){body{grid-template-rows:minmax(12.5vh,auto) 1fr 5vh}}.header{left:0;position:sticky;right:0;top:0;z-index:10}.main{display:flex;flex-direction:column;gap:15rem}.footer{display:none}@media only screen and (min-width:768px){.footer{align-items:center;background-color:#161616;color:#d9d9d9;display:flex;justify-content:center}}.footer-text{font-size:1.75rem;text-align:center}section{background-color:#121212;min-height:100vh}a,span{display:inline-block}a{color:#d9d9d9;text-decoration:none}h1,h2{line-height:1.1}p{max-width:30ch}@media only screen and (min-width:768px){p{max-width:60ch}}.nav{align-items:center;background-color:#2d2d2d;box-shadow:0 0 15px #121212;height:100%;margin:0 auto;padding:0 2.5rem}.nav,.nav-box{display:flex;justify-content:space-between}.nav-box{background-color:#121212;border-radius:.75rem;cursor:pointer;flex-direction:column;height:4rem;padding:.5rem;width:4rem}.nav-box.open .nav-box-line:first-of-type{transform:translate(.45rem,.25rem) rotate(43.5deg)}.nav-box.open .nav-box-line:nth-of-type(2){opacity:0}.nav-box.open .nav-box-line:last-of-type{transform:translate(.45rem,-.25rem) rotate(-43.5deg)}.nav-box-line{background-color:#d9d9d9;border-radius:1.5rem;height:.5rem;transform-origin:left center;transition:all .3s ease-in-out;width:100%}.nav-social{align-items:center;display:flex;justify-content:space-evenly;min-width:30rem}.nav-social-resume{padding:1rem .75rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-social-resume:before{border-bottom:.1rem solid #2a8ff4;border-radius:1.5rem;content:"";left:0;opacity:0;position:absolute;right:0;top:100%;transform:translateY(.5rem);transition:all .3s ease}.nav-social-resume:hover:before{opacity:1;transform:translateY(0)}.nav-social-icon{cursor:pointer;transition:opacity .3s ease-out}.nav-social-icon:last-of-type{color:#f48f2a;font-family:cursive;font-size:2.5rem;font-weight:900;letter-spacing:.1rem}.nav-social-icon:hover{opacity:.75}.nav-bar{background-color:#171717e6;bottom:0;left:0;padding:1.5rem;position:fixed;top:15vh;transform:translate(-100%);transition:transform .5s ease-out;width:75vw;z-index:15}@media only screen and (min-width:768px){.nav-bar{top:12.5vh;width:25rem}}.nav-bar.open{transform:translate(0)}.nav-bar-btn{background-color:transparent;border:none;border-radius:.25rem;color:#d9d9d9;display:block;font-size:2.5rem;margin:1rem 0;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-bar-btn:before{background-color:#2a8ff4;border-radius:1.5rem;content:"";height:.75rem;left:50%;position:absolute;top:100%;transform:translate(-50%) scale(0);transition:transform .15s ease-in;width:25%}.nav-bar-btn:hover:before{transform:translate(-50%) scale(.5)}.nav-bar-link{display:block;padding:1.5rem 0}.hero{display:flex;position:relative;z-index:1}.hero.off .hero-details-box-title{opacity:0}.hero.off .hero-details-box-text{transform:translate(-100rem)}.hero-details{align-items:center;display:flex;flex:1;justify-content:center;padding:0 1rem}.hero-details-box{display:flex;flex-direction:column;gap:1.5rem;max-width:100%;min-height:50%}.hero-details-box-title{color:#fff;font-size:3rem;font-weight:900;letter-spacing:.5rem;position:relative;text-transform:uppercase;transition:opacity 3s ease-out}.hero-details-box-title:before{background-color:#2a8ff4;border-radius:.25rem;content:"";height:.5rem;left:0;position:absolute;top:105%;width:10%;z-index:5}.hero-details-box-text{font-size:2rem;font-style:italic;line-height:1.5;transition:transform 1.5s ease-out}.hero-details-box-ctas{margin-top:auto}.hero-details-box-cta{background-color:transparent;border:solid #2a8ff4;border-radius:1.5rem;color:#fff;cursor:pointer;font-weight:900;min-width:15rem;overflow:hidden;padding:1.5rem .75rem;position:relative;text-align:center;text-transform:uppercase}.hero-details-box-cta-text{font-size:1.75rem;position:relative;z-index:2}.hero-details-box-cta:before{border-radius:1.5rem;content:"";height:100%;left:0;position:absolute;top:0;transform:translate(-100%,50%);transition:transform .3s ease-out;width:100%;z-index:1}.hero-details-box-cta:hover:before{transform:translate(-50%)}.hero-details-box-cta:first-of-type{background-color:#2a8ff4;color:#121212}.hero-details-box-cta:first-of-type:before{background-color:#105ac1}.hero-details-box-cta:last-of-type{margin-left:1.5rem}.hero-details-box-cta:last-of-type:before{background-color:#2a8ff4}.hero-whitespace{display:none}@media only screen and (min-width:1000px){.hero-whitespace{display:block;flex:1;overflow:hidden;position:relative}}.hero-whitespace-small{height:10rem;opacity:.85;right:5%;top:5%;width:10rem}.hero-whitespace-medium,.hero-whitespace-small{background-color:#2a8ff4;border-radius:50%;position:absolute;z-index:-1}.hero-whitespace-medium{height:15rem;left:15%;opacity:.65;top:20%;width:15rem}.hero-whitespace-large{background-color:#2a8ff4;border-radius:50%;bottom:-5%;height:25rem;left:50%;opacity:.5;position:absolute;width:25rem;z-index:-1}.hero-whitespace-x-large{background-color:#2a8ff4;height:120rem;left:25%;opacity:.05;position:absolute;top:0;transform:rotate(15deg);width:100rem;z-index:-2}.test{min-height:100vh}.projects{align-items:center;display:flex;flex-direction:column;gap:2.5rem;justify-content:center;overflow:hidden;padding-bottom:5rem;position:relative}.projects.off .projects-card:first-of-type{transform:translate(-100rem)}.projects.off .projects-card:nth-of-type(2){transform:translateY(100rem)}.projects.off .projects-card:last-of-type{transform:translate(100rem)}.projects-ball-1{background-color:#2a8ff4;border-radius:50%;display:none;height:30rem;left:60%;opacity:.15;position:absolute;width:30rem;z-index:0}@media only screen and (min-width:768px){.projects-ball-1{display:block}}.projects-ball-2{background-color:#2a8ff4;border-radius:50%;display:none;height:15rem;left:1%;opacity:.25;position:absolute;top:70%;width:15rem;z-index:0}@media only screen and (min-width:768px){.projects-ball-2{display:block}}.projects-title{color:#fff;font-size:3.5rem;letter-spacing:.1rem;margin:2.5rem 0;position:relative;z-index:1}.projects-title:before{background-color:#2a8ff4;border-radius:1.5rem;content:"";height:.5rem;left:25%;position:absolute;top:110%;width:25%}.projects-cards{display:flex;flex-direction:column;gap:2.5rem;position:relative;width:100%;z-index:1}@media only screen and (min-width:850px){.projects-cards{flex-direction:row;gap:1rem;justify-content:space-evenly}}.projects-card{background-color:#d9d9d9;border-radius:.25rem;box-shadow:0 0 .75rem #105ac1;color:#383838;display:flex;flex-direction:column;height:30rem;margin:auto;overflow:hidden;position:relative;transition:transform 1.5s ease-out;width:25rem}@media only screen and (min-width:768px){.projects-card:nth-of-type(2){transform:translateY(2.5rem)}}.projects-card:before{background-color:#105ac1;color:#121212;content:"\1f3c5";left:95%;position:absolute;text-align:center;top:5%;transform:translate(-50%) rotate(55deg);width:50%}.projects-card-header{align-items:center;display:flex;flex:1;justify-content:center}.projects-card-header-icon{background-color:#fff;border-radius:50%;box-shadow:0 0 .5rem #121212;color:#383838;font-size:4rem;padding:.25rem 2rem}.projects-card-body{align-items:center;display:flex;flex:1;justify-content:center}.projects-card-body-title{font-size:3rem;text-align:center}.projects-card-footer{align-items:center;display:flex;flex:1;justify-content:center}.projects-card-footer-link{color:#383838;font-size:2rem;padding:1rem;text-align:center;transition:opacity .15s ease-out}.projects-card-footer-link:hover{opacity:.5}.project{-webkit-clip-path:none;clip-path:none;display:flex;margin:15rem 0;overflow:hidden;position:relative;z-index:1}@media only screen and (min-width:768px){.project:nth-of-type(odd){-webkit-clip-path:polygon(0 0,100% 5%,100% 100%,0 95%);clip-path:polygon(0 0,100% 5%,100% 100%,0 95%)}.project:nth-of-type(2n){-webkit-clip-path:polygon(0 5%,100% 0,100% 95%,0 100%);clip-path:polygon(0 5%,100% 0,100% 95%,0 100%)}}.project-ball-1{background-color:#2a8ff4;border-radius:50%;display:none;height:30rem;left:50%;opacity:.15;position:absolute;top:50%;transform:translate(-50%,-50%);width:30rem;z-index:-1}@media only screen and (min-width:768px){.project-ball-1{display:block}}.project-ball-2{background-color:#2a8ff4;border-radius:50%;display:none;height:50rem;left:50%;opacity:.05;position:absolute;top:50%;transform:translate(-50%,-50%);width:50rem;z-index:-1}@media only screen and (min-width:768px){.project-ball-2{display:block}}.project-ball-3{background-color:#2a8ff4;border-radius:50%;display:none;height:50rem;opacity:.05;position:absolute;transform:translate(-50%,-50%);width:50rem;z-index:-2}@media only screen and (min-width:768px){.project-ball-3{display:block}}.project.right{justify-content:end}.project-details{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2.5rem .5rem}@media only screen and (min-width:768px){.project-details{padding:5rem 2.5rem}}.project-title{font-size:4rem;letter-spacing:.1rem}.project-link{background-color:#2a8ff4;border-radius:.75rem;color:#121212;cursor:pointer;font-size:2rem;font-weight:900;margin:2.5rem 0 7.5rem;padding:1rem 1.5rem;text-transform:uppercase;transition:transform .3s ease-in-out}.project-link:hover{transform:scale(.95)}.project-desc{font-size:1.75rem;line-height:1.5;text-align:justify}.skills{display:flex;flex-direction:column;gap:2.5rem;overflow:hidden;padding:2.5rem 0;position:relative;z-index:1}.skills-line{background-color:#2a8ff4;display:none;height:300%;opacity:.25;position:absolute;right:0;top:0;transform:rotate(45deg);width:200%;z-index:-1}@media only screen and (min-width:768px){.skills-line{display:block}}.skills-title{color:#fff;font-size:3.5rem;letter-spacing:.1rem;padding:.5rem 0;position:relative;text-align:center}.skills-title:before{background-color:#2a8ff4;border-radius:1.5rem;bottom:0;content:"";display:none;height:.3rem;position:absolute;right:50%;transform:translate(-50%,-50%);width:3rem}@media only screen and (min-width:768px){.skills-title:before{display:block}}.skills-title:after{background-color:#2a8ff4;border-radius:1.5rem;content:"";display:none;height:.3rem;left:50%;position:absolute;top:-10%;transform:translate(-50%,-50%);width:3rem}@media only screen and (min-width:768px){.skills-title:after{display:block}}.skills-stack{display:flex;flex-direction:column;height:100%;padding:2.5rem}@media only screen and (min-width:768px){.skills-stack{flex-direction:row}}.skills-box{flex:1;height:100%;margin:2.5rem 0;padding:1.5rem;text-align:center}@media only screen and (min-width:768px){.skills-box{margin:0}}.skills-subtitle{font-size:3rem;font-weight:900;letter-spacing:.1rem}.skills-list{display:flex;flex-direction:column;height:calc(100% - 2.5rem);justify-content:space-around;margin:1.5rem 0}.skills-item{font-size:2.5rem;position:relative}.skills-item:before{background-color:#2a8ff4;border-radius:.25rem;content:"";height:.04rem;left:50%;position:absolute;top:100%;transform:translate(-50%);width:15%}.hire{align-items:center;-webkit-clip-path:none;clip-path:none;display:flex;flex-direction:column;justify-content:space-evenly;padding:1.5rem 0}@media only screen and (min-width:768px){.hire{-webkit-clip-path:polygon(0 0,100% 0,75% 50%,100% 100%,0 100%,25% 50%);clip-path:polygon(0 0,100% 0,75% 50%,100% 100%,0 100%,25% 50%)}}.hire-title{border-bottom:solid #2a8ff4;font-size:3.5rem;letter-spacing:.1rem;margin:1.5rem 0;text-align:center}.hire-form{background-color:#383838;border-radius:.25rem;display:flex;flex-direction:column;gap:2.5rem;margin:2.5rem auto;min-height:45rem;padding:1.5rem;position:relative;width:90%}.hire-form-error{color:#db143c;font-size:1.5rem;min-height:1rem}.hire-form-success{color:#32cd32;font-size:1.5rem;min-height:1rem}@media only screen and (min-width:768px){.hire-form{box-shadow:0 0 .25rem #105ac1;width:40rem}}.hire-form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.hire-form-label{align-self:center;color:#fff;cursor:pointer;display:block;font-size:1.75rem;font-weight:900;text-transform:uppercase}.hire-form-input{border:none;border-radius:.25rem;font-size:1.5rem;opacity:.75;outline:none;padding:.5rem 1.5rem;transition:opacity .3s ease-in}.hire-form-input:focus{opacity:1}.hire-form-input:focus::-moz-placeholder{opacity:0}.hire-form-input:focus::placeholder{opacity:0}.hire-form-textarea{border:none;border-radius:.25rem;font-size:1.5rem;min-height:12.5rem;opacity:.75;outline:none;padding:.5rem 1.5rem;resize:none;transition:opacity .3s ease-in}.hire-form-textarea:focus{opacity:1}.hire-form-textarea:focus::-moz-placeholder{opacity:0}.hire-form-textarea:focus::placeholder{opacity:0}.hire-form-submit{background-color:#f48f2a;border:none;border-radius:.75rem;color:#121212;cursor:pointer;font-size:1.75rem;font-weight:900;margin-top:auto;padding:1rem .75rem;text-align:center;text-transform:uppercase}.hire-form-submit:disabled{cursor:auto;opacity:.5}