body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.nav{background-color:#001f33;box-shadow:.75rem 1rem .8rem rgba(0,0,0,.15);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:15%;z-index:15}.mobile__nav{display:none}.nav__logo{font-size:2.2rem;padding:3rem 4rem;text-align:center;text-transform:uppercase}.nav__image{display:flex;justify-content:center;z-index:10}.nav__image-container{background-color:#001f33;border:6px solid #001f33;border-radius:100%;height:18rem;overflow:hidden;width:18rem}.nav__image-container--image{height:100%;object-fit:cover;width:100%}.nav__links{background-color:#081521;flex:1 1;list-style-type:none;margin-top:-9rem;padding:14rem 0 0;width:100%}.nav__links a:active,.nav__links a:link,.nav__links a:visited{color:#a3a3a3;text-decoration:none;transition:all .4s ease}.nav__links a li{border-bottom:1.5px solid #001f33;font-size:1.8rem;font-weight:400;margin-bottom:2rem;padding-bottom:.5rem;padding-left:3rem}.nav__links a li i{margin-right:1rem}.nav__socials{align-items:center;background-color:#081521;display:flex;justify-content:center;padding:2rem 0}.nav__socials a:first-child{margin-right:1.5rem}.nav__socials a:active,.nav__socials a:link,.nav__socials a:visited{color:#1a9a92;font-size:2.2rem}@media only screen and (max-width:100em){.nav{width:17.5%}}@media only screen and (max-width:75em){.nav{display:none}.mobile__nav{display:flex;width:20%;z-index:40}.mobile__nav-close{background-color:initial;border:none;color:#deba93;font-size:3rem;outline:none;position:absolute;right:3rem;top:3rem}}@media only screen and (max-width:56.25em){.nav__links{text-align:center}.mobile__nav{width:37.5%}.nav__links a li{border-bottom:1.5px solid #001f33;font-size:2.2rem;font-weight:400;margin-bottom:2rem;padding-bottom:.5rem;padding-left:0}.mobile__nav-close i{font-size:2.6rem}}@media only screen and (max-width:37.5em){.mobile__nav{width:100%}}.intro{height:100vh;position:relative;width:100%}.intro__about{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.intro__about>*{margin-bottom:1.5rem}.intro__about p:first-child{color:#1a9a92;font-size:1.6rem;font-weight:700}.intro__about--highlight{margin-bottom:2rem}.intro__about--highlight h1{font-size:6rem;line-height:1}.intro__about--highlight p{color:#979797;font-size:3.5rem;font-weight:700}.intro__about--summary{color:#757575;font-size:1.8rem;width:70%}.intro__button{margin-top:5rem}.intro__button a:active,.intro__button a:link,.intro__button a:visited{background-color:initial;border:2px solid #1a9a92;border-radius:.75rem;color:#1a9a92;cursor:pointer;font-size:1.6rem;padding:1.5rem 2rem;text-decoration:none;transition:all .15s}.intro__button a:hover{background-color:#1a9a92;color:#fff}@media only screen and (max-width:100em){.intro__about{width:60%}.intro__about--highlight h1{font-size:4.5rem}.intro__about--highlight p{font-size:2.75rem}.intro__about--summary{font-size:1.7rem}}@media only screen and (max-width:75em){.intro__about{padding:0 6rem;width:100%}.intro__about--highlight h1{font-size:5rem;line-height:1.2;margin-top:1.5rem}.intro__about--highlight p{font-size:3.5rem}.intro__about--summary{font-size:1.8rem}}@media only screen and (max-width:56.25em){.intro__about{padding:0 6rem;width:100%}.intro__about--summary{font-size:2rem;width:100%}}@media only screen and (max-width:37.5em){.intro__about{padding:0 2rem;text-align:start}.intro__about p:first-child{font-size:1.8rem;margin-bottom:0}.intro__about--highlight h1{font-size:4rem;line-height:1.2;margin-top:1.5rem}.intro__about--highlight p{font-size:1.8rem;font-weight:400}.intro__about--summary{font-size:1.6rem;text-align:start}.intro__button a:active,.intro__button a:link,.intro__button a:visited{background-color:#1a9a92;color:#fff;text-align:center}}.about{align-items:center;background:#001f33;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:8rem 0}.about-intro{width:75%}.about-intro h2{font-size:2.8rem;text-transform:uppercase}.about-container{align-items:center;display:flex;height:65%;justify-content:space-between;width:75%}.about-container figure{border-radius:50%;box-shadow:.75rem 1rem .8rem rgba(0,0,0,.25);height:42.5rem;overflow:hidden;width:42.5rem}.about-container figure img{height:100%;width:100%}.about-summary{background-color:#081521;border-radius:.5rem;box-shadow:.75rem 1rem .8rem rgba(0,0,0,.15);display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-left:8rem;padding:8rem}.about-summary-intro{margin-bottom:3rem}.about-summary-intro h3{color:#deba93;font-size:4rem;font-weight:300;line-height:1.2;text-shadow:.15rem .35rem .5rem rgba(0,0,0,.5)}.about-summary-intro p{color:#979797;font-size:2rem;font-weight:300}.about-description{color:#fff;font-size:1.6rem;font-weight:200}.about-description p:not(:last-child){margin-bottom:2.5rem}@media only screen and (max-width:100em){.about-container,.about-intro{width:85%}.about-container figure{height:34rem;width:34rem}.about-summary{margin-left:4rem;padding:4rem}}@media only screen and (max-width:75em){.about{padding:8rem 6rem}.about-intro{width:100%}.about-container{padding:2rem 0 0;width:100%}.about-description p{font-size:1.5rem}}@media only screen and (max-width:56.25em){.about{padding:8rem 6rem}.about-container{flex-direction:column;padding:2rem 0 0;width:100%}.about-summary{margin-left:0;margin-top:5rem;padding:4rem;width:100%}}@media only screen and (max-width:37.5em){.about{height:auto;padding:8rem 2rem}.about-container figure{height:26rem;width:26rem}.about-summary{background-color:initial;box-shadow:none;margin-top:0;padding:3rem 1rem 0}.about-summary-intro h3{font-weight:400;line-height:1.4}.about-summary-intro p{font-size:1.7rem}}.tech{align-items:center;background-color:#081521;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:10rem 0}.tech__card{background-color:rgba(0,0,0,.5);border-radius:.5rem;box-shadow:.75rem 1rem .8rem rgba(0,0,0,.15);color:#fff;cursor:pointer;height:20rem;overflow:hidden;padding:3rem;position:relative;transition:all .25s ease;width:100%}.tech__intro{width:75%}.tech__intro h2{font-size:2.8rem;text-transform:uppercase}.tech__card--main{align-items:center;display:flex;height:100%;justify-content:space-between;width:100%;z-index:1}.tech__card--icon{align-items:center;display:flex;flex-direction:column;justify-content:center;width:20%}.tech__card--icon i{font-size:5rem;margin-bottom:1rem;text-shadow:.35rem .45rem .35rem rgba(0,0,0,.35);transition:all .25s ease}.tech__card--icon figcaption{font-size:1.4rem}.tech__card--description{font-size:1.45rem;font-weight:200;padding-left:3rem;width:80%;z-index:1}.tech-summary p:first-of-type{font-size:4rem}.tech__card-container{grid-gap:2rem;display:grid;grid-template-columns:repeat(2,1fr);width:75%}.tech__card:hover{background-color:#002c49}.tech__card:hover .tech__card-bg{color:rgba(0,35,58,.35)}@media only screen and (max-width:100em){.tech{height:auto;min-height:100vh}.tech__card-container,.tech__intro{width:85%}}@media only screen and (max-width:75em){.tech{min-height:100vh;padding:8rem 6rem}.tech__intro{width:100%}.tech__card-container{grid-gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));width:100%}}@media only screen and (max-width:56.25em){.tech{padding:8rem 6rem}.tech__card--description{font-size:1.3rem}.tech__card-bg{display:none}}@media only screen and (max-width:37.5em){.tech{padding:8rem 2rem}.tech__card,.tech__card:hover{background-color:#001f33}.tech__card{height:22rem;padding-right:2.5rem}.tech__card--description{font-size:1.5rem;padding-left:2.5rem}.tech__card-container{grid-gap:2.5rem}}.projects{align-items:center;background:#001f33;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:10rem 0}.projects__intro{width:75%}.projects__intro h2{font-size:2.8rem;text-transform:uppercase}.projects__container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);justify-content:center;margin:0 auto;width:75%}.projects__container--project{align-items:center;background:#081521;border-radius:.5rem;box-shadow:.75rem 1rem .8rem rgba(0,0,0,.2);display:flex;flex-direction:column;font-size:1.2rem;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.projects__container--project-overlay{align-items:flex-end;background:rgba(0,0,0,.55);cursor:zoom-in;display:flex;height:100%;opacity:0;position:absolute;transition:all .3s ease;width:100%}.projects__container--project-overlay div{align-items:center;background:rgba(0,0,0,.75);color:#fff;display:flex;flex-direction:column;padding:1.5rem 0}.projects__container--project-overlay div h3{font-size:1.6rem;line-height:1.2}.projects__container--project-overlay div a{color:#1a9a92;font-size:1.4rem;text-decoration:none;transition:all .25s ease}.projects__container--project-overlay div a:hover{text-decoration:underline}.projects__container--project-overlay:hover{opacity:1}.projects__container--project-link{display:flex;justify-content:center}.projects__container--project-link a:active,.projects__container--project-link a:link,.projects__container--project-link a:visited{border-radius:.75rem;color:#fff;font-size:1.4rem;font-weight:400;padding:1rem 3rem;text-decoration:none}.projects__container--project-img{height:100%;min-height:20.5rem;width:100%}.projects__container--project-tags{display:flex;flex-direction:column;width:35%!important}.projects__container--project-tags h3{color:#fff;font-size:1.6rem;line-height:1.2;margin-bottom:.5rem}.projects__container--project-tags-tag{background:grey;border-radius:20rem;color:#fff;font-size:1.2rem;padding:.35rem .95rem;width:-webkit-max-content;width:max-content}.projects__container--project-main{font-size:1.4rem;font-weight:200;letter-spacing:.005rem}.projects__container--project div{text-align:left;width:100%}.projects__container--project div h3{padding-bottom:.5rem}.projects__container--project img{height:100%;object-fit:cover;width:100%}.projects__container--project-button{background-color:#1a9a92;font-size:1.4rem;margin-top:4.5rem;text-align:center;transition:all .3s ease}.projects__container--project-button:hover{box-shadow:.4rem .4rem 1rem rgba(0,0,0,.35);-webkit-transform:scale(1.035);transform:scale(1.035)}.project-item__overlay{align-items:center;background-color:rgba(0,0,0,.6);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:40}.project-item{background-color:#081521;border-radius:.5rem;box-shadow:.4rem .4rem 1rem rgba(0,0,0,.5);height:auto;overflow:hidden;width:45%!important}.project-item__close{align-items:center;cursor:pointer;display:flex;height:4rem;justify-content:center;position:absolute;right:3rem;top:3rem;width:4rem}.project-item__close i{font-size:2.8rem}.project-item__img-container{height:60%;width:100%}.project-item__img-container img{height:100%;object-fit:cover;width:100%}.project-item__section{flex-direction:column;padding:3rem;width:100%}.project-item__main,.project-item__section,.projects-item__info{display:flex;justify-content:space-between}.projects-item__info{align-items:flex-start;color:#fff;flex-direction:column;margin-right:6rem;width:80%}.project-item__tag-container{display:flex;flex-wrap:wrap;gap:.5rem;row-gap:.75rem}.project-item h3{font-size:1.7rem;line-height:1;margin-bottom:.75rem}.netflix{grid-column:1/3;grid-row:1/3}.photography-portfolio{grid-column:3/4;grid-row:1/2}.tomtrav{grid-column:3/4}@media only screen and (max-width:100em){.projects__container,.projects__intro{width:85%}}@media only screen and (max-width:75em){.projects{padding:8rem 6rem}.projects__container{grid-gap:1.75rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));grid-template-rows:auto;width:100%}.projects__intro{width:100%}.projects__container--project{width:auto}}@media only screen and (max-width:56.25em){.projects{padding:8rem 6rem}.projects__container--project,.projects__container--project:hover{box-shadow:.75rem 1rem .8rem rgba(0,0,0,.15)}.projects__container--project:hover{-webkit-transform:scale(1);transform:scale(1)}.netflix,.photography-portfolio{grid-column:auto;grid-row:auto}.tomtrav{grid-column:auto}}@media only screen and (max-width:37.5em){.projects{padding:8rem 2rem}.projects__container{grid-gap:2.5rem}.projects__container--project-tags{display:flex;padding:1rem}.project-item{height:100%;width:100%!important}.project-item__close{background:rgba(0,0,0,.75);border:none;border-radius:50%;right:1rem;top:1rem}.project-item__close i{color:#fff;font-size:2rem}.project-item__section{padding-top:4rem}.project-item__img-container{height:28%}.project-item__main{flex-direction:column}.projects-item__info{margin-right:0;width:100%}.projects-item__info p{font-size:1.6rem}.projects__container--project-tags{margin-top:3rem;padding:0;width:100%!important}.project-item__tag-container{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem;row-gap:1rem}.projects__container--project-tags-tag{font-size:1.6rem}.project-item h3{font-size:2rem;line-height:1;margin-bottom:1rem}.projects__container--project-button{width:100%}.projects__container--project-link a:active,.projects__container--project-link a:link,.projects__container--project-link a:visited{font-size:1.6rem}.projects__container--project-overlay{display:none}}.contact{align-items:center;background:#081521;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;width:100%}.contact__intro{text-align:start;width:75%}.contact__intro h2{font-size:2.8rem;text-transform:uppercase}.contact__main{display:flex;width:75%}.contact__aside{background-color:#001f33;border-radius:.4rem;box-shadow:.75rem 1rem .8rem rgba(0,0,0,.15);display:flex;flex-direction:column;justify-content:space-between;margin-right:2.5rem;padding:3rem 2.5rem;width:30%}.contact__aside-main h2{color:#fff;font-size:2.8rem;font-weight:500;margin-bottom:2.5rem}.contact__aside-main p{color:#fff;font-size:1.8rem;font-weight:300}.contact__aside-socials{border-top:1.5px solid #1a9a92;padding-top:2rem}.contact__aside-socials a:active,.contact__aside-socials a:link,.contact__aside-socials a:visited{align-items:center;color:#deba93;display:flex;font-size:2.6rem;text-decoration:none}.contact__aside-socials a:first-child{margin-bottom:1.15rem}.contact__aside-socials p{color:#fff;font-size:1.8rem;margin-left:1rem}.contact__form{background:#001f33;border-radius:.4rem;box-shadow:.75rem 1rem .8rem rgba(0,0,0,.15);flex:1 1;height:100%;padding:6rem 3.5rem 3rem;position:relative}.contact__form--info{display:flex;justify-content:space-between;width:100%}.contact__form--inputs{display:flex;flex-direction:column-reverse;width:100%}.contact__form--inputs:first-child{margin-right:4rem}.contact__form--submit button{background:#1a9a92;border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-size:1.6rem;margin-top:3rem;padding:1.4rem 2rem;transition:all .3s ease;width:30%}.contact__form--submit button:hover{box-shadow:.4rem .4rem 1rem rgba(0,0,0,.4);-webkit-transform:scale(1.035);transform:scale(1.035)}.form-badge{align-items:center;background-color:#001f33;border:2px solid #081521;border-radius:50rem;box-shadow:.35rem .35rem 1rem rgba(0,0,0,.35);display:flex;height:8rem;justify-content:center;left:50%;position:absolute;top:-4rem;-webkit-transform:translate(-50%);transform:translate(-50%);width:8rem}.form-badge i{font-size:3rem}.form-label{display:block;font-size:1.4rem;transition:all .3s}.form-inputs:placeholder-shown+.form-label{opacity:0;-webkit-transform:translateY(3.25rem);transform:translateY(3.25rem);visibility:hidden}.form-inputs{background-color:#001f33;margin:.25rem 0 2rem}.form-inputs,.message-input{border:none;border-bottom:1.5px solid #1a9a92;color:#fff;font-family:Poppins,sans-serif;font-size:1.4rem;outline:none;padding:.75rem 0;width:100%}.message-input{background-color:initial;height:10rem;margin-top:.25rem;resize:none}.message-chars-left{font-size:1.2rem;margin-top:.5rem;text-align:left}.status-message{border-radius:.5rem;color:#fff;left:50%;padding:2rem;position:fixed;top:6rem;-webkit-transform:translate(-50%);transform:translate(-50%);width:-webkit-max-content;width:max-content}.status-message i{font-size:1.4rem}.status-icon{align-items:center;border:2px solid #fff;border-radius:50%;display:inline-flex;height:2.75rem;justify-content:center;margin-right:1.25rem;width:2.75rem}.success{background-color:#0f680f}.fail{background-color:#a53737}.message-input::-webkit-scrollbar{display:none}@media only screen and (max-width:100em){.contact__intro,.contact__main{width:85%}}@media only screen and (max-width:75em){.contact{padding:8rem 6rem}.contact__intro,.contact__main{width:100%}}@media only screen and (max-width:56.25em){.contact{height:auto;min-height:100vh;padding:8rem 6rem 4rem}.contact__main{flex-direction:column;width:100%}.contact__aside{margin-bottom:6rem;padding:3rem 2rem;width:100%}.contact__aside-main p{margin-bottom:5rem}.form-inputs,.form-label,.message-input{font-size:1.6rem}.message-chars-left{font-size:1.4rem}.contact__form--submit button:hover{box-shadow:none;-webkit-transform:scale(1);transform:scale(1)}}@media only screen and (max-width:37.5em){.contact{padding:8rem 2rem 4rem}.contact__aside-main p{font-size:1.5rem}.contact__aside-socials p{font-size:1.7rem}.contact__form{padding:6rem 2rem 3rem}.contact__form--info{flex-direction:column}.contact__form--submit{text-align:center}.contact__form--submit button{font-size:1.6rem;padding:1.5rem;width:100%}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#081521;color:#deba93;font-family:Poppins,sans-serif;font-size:1.6rem;max-width:100vw;padding:0 6rem}html{font-size:62.5%;scroll-behavior:smooth}.main-container{position:absolute;right:0;top:0;width:85%}.underline{align-items:center;display:flex;padding-bottom:2rem}.heading-underline{background:#1a9a92;height:2px;width:9rem}.heading-underline-end{background-color:#1a9a92;border-radius:50%;height:8px;width:8px}.nav-btn{display:none}@media only screen and (max-width:100em){.main-container{width:82.5%}}@media only screen and (max-width:75em){.main-container{width:100%}.nav-btn{background-color:#081521;border:2px solid #1a9a92;border-radius:5px;color:#deba93;display:block;font-size:2.75rem;left:6rem;outline:none;padding:.75rem 1rem;position:fixed;top:2.5rem;z-index:30}}@media only screen and (max-width:37.5em){html{scroll-behavior:auto}.nav-btn{left:auto;right:2rem;top:2.5rem}}
/*# sourceMappingURL=main.73dcb8f3.css.map*/