:root{--clr-background-dark:#0c100c;--clr-background:#171e18;--clr-background2:#222c24;--clr-background2-shadow:#161916;--clr-hero-secondary-accent:#b5c4b7;--clr-hero-primary-accent:#93faa1;--clr-hero-main:#969e98;--val-section-spacing:12rem;--val-section-spacing--small:5rem;--val-section-spacing--large:10rem;--val-hero-section-spacing:12rem;--val-hero-section-spacing--small:5rem;--val-hero-section-spacing--large:20rem;--val-hero-section-spacing--large-670px:12rem;--val-subtitle-spacing:1.5rem;--val-container-horizontal-padding:1rem;--val-container-horizontal-padding--1024px:9rem;--val-container-horizontal-padding--1440px:9rem;--fsize-main-text:.8rem;--fsize-main-text--small:.75rem;--fsize-main-text--768px:.9rem;--fsize-main-text--1024px:.9rem;--fsize-main-text--1440px:1rem;--fsize-title-text--768px:2rem;--fsize-title-text--1024px:2.2rem;--fsize-title-text--1440px:2.2rem;--fsize-hero-main-title--320px:1.7rem;--fsize-hero-main-title--425px:2rem;--fsize-hero-main-title--768px:3rem;--fsize-hero-main-title--1024px:4rem;--fsize-hero-main-title--1440px:4.5rem;--fsize-hero-subtitle--320px:1.3rem;--fsize-hero-subtitle--425px:1.5rem;--fsize-hero-subtitle--768px:2.5rem;--fsize-hero-subtitle--1024px:3.1rem;--fsize-hero-subtitle--1440px:4.5rem;--fsize-hero-subtitle-upper--320px:.9rem;--fsize-hero-subtitle-upper--425px:1.2rem;--fsize-hero-subtitle-upper--768px:1.5rem;--fsize-hero-subtitle-upper--1024px:1.2rem;--fsize-hero-subtitle-upper--1440px:4.5rem;--fsize-about-tech-item--768px:.8rem;--fsize-about-tech-item--1024px:.9rem;--fsize-about-tech-item--1440px:.9rem;--fsize-card-title-text--768px:1rem;--fsize-card-title-text--1024px:1.3rem;--fsize-card-title-text--1440px:1.3rem;--fsize-card-description-text--768px:.8rem;--fsize-card-description-text--1024px:.8rem;--fsize-card-description-text--1440px:1rem;--fsize-card-subtext--768px:.7rem;--fsize-card-subtext--1024px:.8rem;--fsize-card-subtext--1440px:.9rem;--lheight-main-text:1.2rem;--lheight-main-text--768px:1.3rem;--lheight-main-text--1440px:1.5rem}*{margin:0;padding:0}html{font-size:1.25rem;scroll-behavior:smooth}body{box-sizing:border-box;font-family:Roboto,sans-serif;font-weight:400;margin:0}main{letter-spacing:.015rem}header{align-items:center;box-shadow:0 15px 10px -15px #0c100c;box-shadow:0 15px 10px -15px var(--clr-background-dark);display:flex;justify-content:space-between;padding:1rem;z-index:1}a:hover,a:link,a:visited{color:#b5c4b7;color:var(--clr-hero-secondary-accent);text-decoration:none}.overlay{background:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s;visibility:hidden}.btn{background-color:#171e18;background-color:var(--clr-background);border:1px solid #93faa1;border:1px solid var(--clr-hero-primary-accent);border-radius:4px;color:#93faa1;color:var(--clr-hero-primary-accent);cursor:pointer;display:flex;justify-content:center;letter-spacing:.1rem;padding:1rem;position:relative}.btn--get-started{font-size:.9rem;font-weight:200;width:60%}.btn--live-link{background-color:transparent;font-size:.75rem;font-size:var(--fsize-main-text--small);font-weight:200;padding:.3rem!important;width:35%}.btn--say-hi{font-size:.9rem;font-weight:200}.btn--exit-modal{background-color:transparent;border:none;font-size:1rem;left:80%;position:relative}@media only screen and (min-width:425px){.btn--get-started{width:45%}.btn--live-link{width:25%}}@media only screen and (min-width:768px){.btn--get-started{width:35%}.btn--live-link{width:15%}.btn--exit-modal{left:80%}}@media only screen and (min-width:1024px){.btn--get-started{font-size:.9rem;font-size:var(--fsize-main-text--1024px);width:30%}.btn--live-link{font-size:.8rem;width:15%}.card-container:nth-child(2n) .btn--live-link{left:83%}}@media only screen and (min-width:1440px){.btn--get-started{font-size:1rem;font-size:var(--fsize-main-text--1440px);width:35%}.btn--live-link{width:10%}.card-container:nth-child(2n) .btn--live-link{left:89%}}.navbar-link-list>li{margin:0 1rem}.navbar-modal-overlay-darkness{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:rgba(0,0,0,.5);height:100vh;left:0;position:absolute;top:0;width:100vw}.navbar-modal-container{background-color:#171e18;background-color:var(--clr-background);height:100vh;left:40vw;position:absolute;top:0;width:60vw}.list-item-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.list-item-number{font-weight:200;margin-bottom:.5rem}.list-item-text{font-weight:300;margin-bottom:.5rem}.navbar-modal-list{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:3rem}.navbar-modal-list-item{color:#b5c4b7;color:var(--clr-hero-secondary-accent);list-style:none;margin:1rem 0}.navbar-item-container,.navbar-link-container{align-items:center;display:flex;justify-content:center}.navbar-item-container{font-size:.8rem;font-size:var(--fsize-about-tech-item--768px);padding:.5rem;width:130px}.navbar-item-text{font-weight:300;margin-left:.3rem}.navbar-item-number,.navbar-item-text{font-size:.75rem;font-size:var(--fsize-main-text--small)}.navbar-item-number{color:#93faa1;color:var(--clr-hero-primary-accent);font-weight:200}@media only screen and (min-width:768px){.navbar-modal-container{left:50vw;width:50vw}}.sideskirt-component{display:none}@media only screen and (min-width:1024px){.sideskirt-component{display:flex;font-size:.6rem;height:30vh;left:0;position:fixed;top:70vh;width:99.8vw}.sideskirt-left-container{left:3vw;top:3.5vh}.sideskirt-left-container,.sideskirt-right-container{align-items:center;display:flex;flex-direction:column;height:30vh;justify-content:center;position:relative;width:5vw}.sideskirt-right-container{left:86vw;top:3vh}.sideskirt--text{cursor:pointer;font-weight:300;letter-spacing:.15rem}.sideskirt--text--left{display:flex;flex-direction:column;font-size:1.2rem;gap:1rem}.sideskirt--text--right{margin-bottom:7rem;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.sideskirt--text--left>a>i:hover,.sideskirt--text--right:hover{color:#93faa1;color:var(--clr-hero-primary-accent)}.sideskirt--line{margin-top:1rem}.sideskirt--line,.sideskirt--line--right{background-color:#969e98;background-color:var(--clr-hero-main);height:15vh;width:.1vw}.sideskirt--line--right{margin:0 1.5rem!important}}.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:3}.title-container{align-items:center;display:flex;margin-bottom:2rem}.main-title--number{color:#93faa1;color:var(--clr-hero-primary-accent);font-size:1rem;font-weight:300}.title--hr{background-color:#969e98;background-color:var(--clr-hero-main);border:none;height:1px;margin-left:.5rem;width:40%}.main-title{color:#b5c4b7;color:var(--clr-hero-secondary-accent);font-size:1rem;font-weight:400}.text-color-change{color:#93faa1;color:var(--clr-hero-primary-accent)}@media only screen and (min-width:375px){.title--hr{width:50%}}@media only screen and (min-width:425px){.title--hr{width:60%}}@media only screen and (min-width:768px){.title--hr{width:70%}.main-title{font-size:1.3rem}.main-title--number{font-size:1.2rem}}@media only screen and (min-width:1024px){.title--hr{width:67%}.main-title{font-size:1.6rem}.main-title--number{font-size:1.35rem}}@media only screen and (min-width:1440px){.title-container{align-items:center;display:flex;justify-content:center;margin-bottom:2rem;width:100%}.title--hr{width:70%}.main-title{font-size:1.8rem}.main-title--number{font-size:1.5rem}}.hamburger-item{background-color:#93faa1;background-color:var(--clr-hero-primary-accent);border-radius:5px;height:2px;margin-bottom:.4rem;margin-left:auto;margin-right:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.hamburger-item-1{width:35px}.hamburger-item-2{width:27px}.hamburger-item-3{width:20px}.header-home{font-weight:300}.header-home-container{align-items:center;display:flex;gap:2rem;justify-content:center}#hero-section{margin-bottom:12rem;margin-bottom:var(--val-hero-section-spacing);padding:1rem}.hero-subtitle-upper{color:#93faa1;color:var(--clr-hero-primary-accent);font-size:.9rem;font-size:var(--fsize-hero-subtitle-upper--320px);font-weight:200;margin:1.5rem 0 .8rem}.hero-title{color:#b5c4b7;color:var(--clr-hero-secondary-accent);font-size:1.7rem;font-size:var(--fsize-hero-main-title--320px);font-weight:500;margin-bottom:.4rem}.hero-subtitle-lower{font-size:1.3rem;font-size:var(--fsize-hero-subtitle--320px);font-weight:400;margin-bottom:1.5rem;margin-bottom:var(--val-subtitle-spacing)}.hero-message,.hero-subtitle-lower{color:#969e98;color:var(--clr-hero-main)}.hero-message{font-size:.8rem;font-size:var(--fsize-main-text);line-height:1.2rem;line-height:var(--lheight-main-text);margin-bottom:2rem}@media only screen and (min-width:425px){.hero-title{font-size:2rem;font-size:var(--fsize-hero-main-title--425px)}.hero-subtitle-upper{font-size:1.2rem;font-size:var(--fsize-hero-subtitle-upper--425px)}.hero-subtitle-lower{font-size:1.5rem;font-size:var(--fsize-hero-subtitle--425px)}}@media only screen and (min-width:768px){#hero-section{margin-bottom:12rem;margin-bottom:var(--val-hero-section-spacing);padding:1rem;padding:var(--val-container-horizontal-padding)}.hero-title{font-size:3rem;font-size:var(--fsize-hero-main-title--768px)}.hero-subtitle-upper{font-size:1.5rem;font-size:var(--fsize-hero-subtitle-upper--768px)}.hero-subtitle-lower{font-size:2.5rem;font-size:var(--fsize-hero-subtitle--768px)}.hero-message{font-size:.9rem;font-size:var(--fsize-main-text--768px);line-height:1.3rem;line-height:var(--lheight-main-text--768px);margin-bottom:2rem;width:75%}}@media only screen and (min-width:1024px){#hero-section{margin:20rem 0;margin:var(--val-hero-section-spacing--large) 0;padding:0 9rem;padding:0 var(--val-container-horizontal-padding--1024px)}.hero-title{font-size:4rem;font-size:var(--fsize-hero-main-title--1024px)}.hero-subtitle-upper{font-size:1.2rem;font-size:var(--fsize-hero-subtitle-upper--1024px)}.hero-subtitle-lower{font-size:3.1rem;font-size:var(--fsize-hero-subtitle--1024px)}.hero-message{font-size:.9rem;font-size:var(--fsize-main-text--1024px);width:60%}}@media only screen and (min-width:1440px){#hero-section{margin:15rem 0 30rem;padding:0 9rem;padding:0 var(--val-container-horizontal-padding--1440px)}.hero-title{font-size:4rem;font-size:var(--fsize-hero-main-title--1024px)}.hero-subtitle-upper{font-size:1.2rem;font-size:var(--fsize-hero-subtitle-upper--1024px)}.hero-subtitle-lower{font-size:3.1rem;font-size:var(--fsize-hero-subtitle--1024px)}.hero-message{font-size:1rem;font-size:var(--fsize-main-text--1440px);line-height:1.5rem;line-height:var(--lheight-main-text--1440px);width:60%}}#about-section{margin-bottom:12rem;margin-bottom:var(--val-section-spacing);padding:1rem}.about-section-main-text{color:#969e98;color:var(--clr-hero-main);font-size:.8rem;font-size:var(--fsize-main-text);line-height:1.2rem;line-height:var(--lheight-main-text);margin-bottom:2rem}.about-section-main-text>p{margin-bottom:1rem}.about-section-tech-container{grid-row-gap:.5rem;display:grid;grid-template-columns:repeat(2,1fr);row-gap:.5rem}.about-section-tech-item-container{align-items:center;display:flex;font-size:.8rem;font-size:var(--fsize-main-text);gap:1rem}.about-section-tech-item-container>i{color:#93faa1;color:var(--clr-hero-primary-accent)}.about-section-image-container{align-items:center;display:flex;justify-content:center;position:relative}.about-section-image{display:inline-block;height:150px;position:relative;width:150px;z-index:1}.about-section-image:after{border:2px solid #93faa1;border:2px solid var(--clr-hero-primary-accent);border-radius:5px;content:"";-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);height:150px;left:5%;position:absolute;top:5%;width:150px;z-index:-1}.about-section-image>img{border-radius:5px;box-shadow:inset 0 0 0 1000px rgba(0,0,0,.2);-webkit-filter:hue-rotate(100deg) grayscale(.5);filter:hue-rotate(100deg) grayscale(.5);height:100%;object-fit:cover;width:100%}@media only screen and (min-width:375px){.about-section-tech-item-container{font-size:.7rem}.about-section-image,.about-section-image:after{height:175px;width:175px}}@media only screen and (min-width:425px){.about-section-image,.about-section-image:after{height:190px;width:190px}}@media only screen and (min-width:768px){#about-section{padding:1rem;padding:var(--val-container-horizontal-padding)}.about-section-main-text>p{font-size:.9rem;font-size:var(--fsize-main-text--768px)}.about-section-tech-container{width:70%}.about-section-tech-item-container{font-size:.8rem;font-size:var(--fsize-about-tech-item--768px)}.about-section-image,.about-section-image:after{height:230px;width:230px}}@media only screen and (min-width:1024px){#about-section{padding:0 9rem;padding:0 var(--val-container-horizontal-padding--1024px)}.about-section-main-wrapper{align-items:flex-start;display:flex;gap:2rem;justify-content:center}.about-section-main-text>p{font-size:.9rem;font-size:var(--fsize-main-text--1024px)}.about-section-tech-item-container{font-size:.9rem;font-size:var(--fsize-about-tech-item--1024px)}.about-section-image{margin-top:2rem}}@media only screen and (min-width:1440px){#about-section{padding:0 9rem;padding:0 var(--val-container-horizontal-padding--1440px)}.about-section-info-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.about-section-main-text{width:60%}.about-section-main-text>p{font-size:1rem;font-size:var(--fsize-main-text--1440px);line-height:1.5rem;line-height:var(--lheight-main-text--1440px)}.about-section-tech-item-container{font-size:.9rem;font-size:var(--fsize-about-tech-item--1440px)}.about-section-image,.about-section-image:after{height:300px;width:300px}}#projects-section{margin-bottom:12rem;margin-bottom:var(--val-section-spacing);padding:1rem}.title--hr--projects{width:30%}@media only screen and (min-width:375px){.title--hr--projects{width:40%}}@media only screen and (min-width:425px){.title--hr--projects{width:50%}}@media only screen and (min-width:768px){#projects-section{padding:1rem;padding:var(--val-container-horizontal-padding)}.title--hr--projects{width:63%}}@media only screen and (min-width:1024px){#projects-section{padding:9rem;padding:var(--val-container-horizontal-padding--1024px)}.title--hr--projects{width:55%}}@media only screen and (min-width:1440px){#projects-section{padding:9rem;padding:var(--val-container-horizontal-padding--1440px)}.title--hr--projects{width:70%}}.card-container{align-items:left;border-radius:5px;box-shadow:0 0 .3rem 0 #161916;box-shadow:0 0 .3rem 0 var(--clr-background2-shadow);display:flex;flex-direction:column;margin-bottom:3rem;min-height:300px;padding:1rem;position:relative}.card-bg-image{background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-filter:blur(8px) opacity(.15);filter:blur(8px) opacity(.15);height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.card-pretitle{color:#93faa1;color:var(--clr-hero-primary-accent);font-size:.8rem;font-size:var(--fsize-main-text);font-weight:300;margin-bottom:.6rem}.card-title{color:#b5c4b7;color:var(--clr-hero-secondary-accent);margin-bottom:1.5rem;margin-bottom:var(--val-subtitle-spacing)}.card-description{border-radius:5px;color:#969e98;color:var(--clr-hero-main);font-size:.8rem;font-size:var(--fsize-main-text);margin-bottom:5rem;padding:.5rem}.card-tech-container{display:flex;flex-wrap:wrap;justify-content:space-evenly;line-height:1.5rem;margin-bottom:1.5rem;text-align:center}.card-tech-item{color:#969e98;color:var(--clr-hero-main);font-size:.8rem;font-size:var(--fsize-main-text);margin:.1rem;padding:.1rem .2rem}.card-link-container{display:flex;gap:3rem;justify-content:left}@media only screen and (min-width:768px){.card-pretitle,.card-title{font-size:1rem;font-size:var(--fsize-card-title-text--768px)}.card-description{font-size:.8rem;font-size:var(--fsize-card-description-text--768px);left:0;padding:1rem 0;position:relative;width:70%}.card-live-link,.card-tech-item{font-size:.9rem;font-size:var(--fsize-main-text--768px)}}@media only screen and (min-width:1024px){.card-pretitle,.card-title{font-size:1.3rem;font-size:var(--fsize-card-title-text--1024px)}.card-description{background-color:#222c24;background-color:var(--clr-background2);font-size:.8rem;font-size:var(--fsize-card-description-text--1024px);left:0;padding:1rem;position:relative;width:50%}.card-tech-container{align-items:center;display:flex;justify-content:space-evenly;width:50%}.card-live-link,.card-tech-item{font-size:.8rem;font-size:var(--fsize-card-subtext--1024px)}.card-container:nth-child(2n) .card-bg-image{background-position:0}.card-container:nth-child(2n) .card-bg-image,.card-container:nth-child(odd) .card-bg-image{background-size:cover;-webkit-filter:blur(2px) opacity(.15);filter:blur(2px) opacity(.15);height:100%;width:50%}.card-container:nth-child(odd) .card-bg-image{background-position:100%;left:50%}.card-container:nth-child(2n) .card-pretitle,.card-container:nth-child(2n) .card-title{text-align:right}.card-container:nth-child(2n) .card-description{left:46%!important}.card-container:nth-child(2n) .card-tech-container{left:50%;position:relative;text-align:right}.card-container:nth-child(2n) .card-live-link{text-align:right}}@media only screen and (min-width:1440px){.card-wrapper{display:flex;justify-content:center}.card-container{width:60vw}.card-pretitle,.card-title{font-size:1.3rem;font-size:var(--fsize-card-title-text--1440px)}.card-description{font-size:1rem;font-size:var(--fsize-card-description-text--1440px);padding:1.5rem}.card-tech-container{flex-wrap:no-wrap}.card-live-link,.card-tech-item{font-size:.9rem;font-size:var(--fsize-card-subtext--1440px)}}#contact-section{margin-bottom:5rem;margin-bottom:var(--val-section-spacing--small);padding:1rem}.contact-section-subtitle{color:#b5c4b7;color:var(--clr-hero-secondary-accent);display:flex;justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--val-subtitle-spacing)}.title--hr--contact{width:20%}.contact-section-main-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.contact-section-main-container>p{color:#969e98;color:var(--clr-hero-main);font-size:.8rem;font-size:var(--fsize-main-text);margin-bottom:2rem;text-align:center}.contact-section-sub-container{align-items:center;display:flex;justify-content:center}@media only screen and (min-width:375px){.title--hr--contact{width:30%}}@media only screen and (min-width:425px){.title--hr--contact{width:40%}}@media only screen and (min-width:768px){#contact-section{padding:1rem;padding:var(--val-container-horizontal-padding)}.title--hr--contact{width:53%}.contact-section-main-container{margin:0 auto;width:60%}.contact-section-subtitle{font-size:2rem;font-size:var(--fsize-title-text--768px)}.contact-section-main-container>p{font-size:.9rem;font-size:var(--fsize-main-text--768px)}}@media only screen and (min-width:1024px){#contact-section{padding:9rem;padding:var(--val-container-horizontal-padding--1024px)}.title--hr--contact{width:50%}.contact-section-subtitle{font-size:2.2rem;font-size:var(--fsize-title-text--1024px)}.contact-section-main-container>p{font-size:.9rem;font-size:var(--fsize-main-text--1024px)}}@media only screen and (min-width:1440px){#contact-section{margin-bottom:10rem;margin-bottom:var(--val-section-spacing--large);padding:0 9rem;padding:0 var(--val-container-horizontal-padding--1440px)}.title--hr--contact{width:65%}.contact-section-main-container>p{font-size:1rem;font-size:var(--fsize-main-text--1440px);width:80%}}.footer-section{align-items:center;color:#969e98;color:var(--clr-hero-main);display:flex;font-weight:100;justify-content:center;padding-bottom:1rem}@media only screen and (min-width:1440px){.footer-section{font-size:1.3rem}}
/*# sourceMappingURL=main.f51b853e.css.map*/