:root{--bg-color:#050027;--secondary-bg-color:#454061;--text-color:#fff;--highlight-color:#c46cdf;--secion-title-color:#fff;--font-family:"Poppins",sans-serif;--secondary-highlight-color:#c4fa59}.App{background:transparent;box-sizing:border-box;font-family:Poppins,sans-serif;font-family:var(--font-family);line-height:1;margin:0;padding:0;text-decoration:none;width:100%}#page-body{align-content:center;flex-direction:column;justify-content:center;width:100%}#page-body,.navbar{align-items:center;display:flex}.navbar{background-color:var(--bg-color);flex-wrap:nowrap;font-size:1.5rem;height:5rem;justify-content:space-between;margin:0;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:3}.logo{height:5rem;object-fit:cover;width:auto}.desktop-menu-list-item{color:#fff;cursor:pointer;margin:1rem;&:hover{border-bottom:3px solid var(--highlight-color);color:var(--highlight-color);padding-bottom:.5rem}}.desktop-menu-btn{align-items:center;background-color:#fff;border:none;border-radius:2rem;color:#000;cursor:pointer;display:flex;font-size:1.5rem;font-weight:600;justify-content:center;padding:.5rem 1rem;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;&:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}}.desktop-menu-email-icon{height:1.2rem;margin:1rem 1rem 1rem 0;object-fit:cover;width:auto}.burger-menu{background:var(--bg-color);border-radius:1rem;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:15rem;padding:.5rem;position:absolute;right:2rem;text-align:center;top:4rem;z-index:2}.mobMenu{cursor:pointer;display:none}.menu-bar{background-color:var(--text-color);border-radius:2rem;height:4px;margin:6px 0;transition:.4s;width:30px}.open{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:.2s}.open:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 0;transform-origin:0 0}.open:nth-child(2){opacity:0}.open:last-child{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}.burger-menu-list-item{border-radius:.5rem;color:#fff;cursor:pointer;margin:.25rem;padding:1rem;transition:background .1s;&:hover{background:var(--secondary-bg-color);color:var(--highlight-color)}}.active{color:var(--highlight-color)}@media screen and (max-width:720px){.desktop-menu-btn,.desktop-menu-list-item{display:none}.mobMenu{display:inline-block}}@media only screen and (max-width:480px){.logo{height:3rem;width:auto}}.footer{align-items:center;background:rgba(24,21,43,.363);display:flex;font-size:.9rem;font-weight:300;height:5rem;justify-content:center;width:100vw}#hero-section{height:calc(100vh - 5rem);margin:0 auto;max-width:80vw;position:relative;width:100%}.bg{height:60vh;object-fit:cover;position:absolute;right:0;top:17rem;z-index:-1}.hero-section-content{align-content:center;display:flex;flex-direction:column;font-size:5rem;font-weight:700;height:calc(100vh - 5rem);justify-content:center;padding:2rem 8rem;width:100%}#hello-text{font-size:1.75rem;font-weight:100}#intro-text{font-size:6rem}#intro-name{color:var(--highlight-color);text-shadow:1px 2px 0 var(--secondary-highlight-color)}.text-gradient{color:var(--secondary-highlight-color);text-shadow:1px 2px 0 var(--highlight-color)}.smaller{font-size:4.5rem}#intro-para{font-size:1.2rem;font-weight:300;margin-top:.5rem}.btn{background:#fff;border:none;border-radius:3rem;color:#000;cursor:pointer;font-size:2rem;font-weight:600;height:auto;margin:2rem 0;padding:1rem;position:relative;text-align:center;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:25%;&:not(:hover) img{height:0;visibility:hidden}&:hover{border:1px solid var(--secondary-highlight-color);color:var(--highlight-color);text-shadow:1px 2px 0 var(--secondary-highlight-color);-webkit-transform:scale(1.1);transform:scale(1.1)}}.btn img{height:1rem;margin:0 .75rem 0 0;object-fit:cover;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;vertical-align:middle;visibility:hidden}.btn:hover img{height:1rem;-webkit-transform:scale(1.5);transform:scale(1.5);visibility:visible}@media screen and (max-width:1325px){#hero-section{padding-top:4vh;width:100%}.bg{height:60%;top:12rem}.smaller{font-size:4rem}.hero-section-content{width:80%}.btn{width:50%}.text-gradient{font-size:smaller}}@media screen and (max-width:1200px){.bg{display:none}#hero-section{display:flex;flex-direction:column;text-align:center}#hero-section,.hero-section-content{align-items:center;justify-content:center}.hero-section-content{padding:2rem 1rem}.btn{transition:none;width:100%;&:not(:hover) img{height:1.5rem;visibility:visible}&:hover{-webkit-transform:none;transform:none}}.btn:hover img{-webkit-transform:none;transform:none}}@media screen and (max-width:480px){.hero-section-content{padding-bottom:5rem;padding-top:0}.btn{font-size:1.5rem;width:100%}#intro-text{font-size:5rem;margin-top:.5rem}#intro-name{font-size:6rem}.smaller,.text-gradient{font-size:2rem}#intro-para{padding:.5rem 0}.smaller{margin-top:.5rem}}#skills-section{align-items:center;display:flex;flex-direction:column;justify-content:center;line-height:1.4rem;margin:0 auto;padding:5rem 8rem 13rem;width:100%}#section-text-container{display:flex;flex-direction:column;width:65%}#skill-card-img{height:15rem;object-fit:cover;width:auto}.skill-card-container{margin:1rem auto 0;max-width:65vw;max-width:65%;text-align:center}.skill-title{color:var(--section-title-color);font-size:6rem;font-weight:600;margin-bottom:2rem}.skill-description{font-size:1.2rem;font-weight:200}.skill-card{align-items:center;background:hsla(0,0%,100%,.4);border-radius:2rem;display:flex;justify-content:center;margin-bottom:1.5rem;padding:1rem 2rem}.skill-card-img{height:10vw;margin-right:4vw}.skill-card-text h2{font-size:2.7rem;line-height:.9;margin-bottom:3vh}.skill-card-text p{font-size:1.1rem;font-weight:300}@media screen and (max-width:1325px){#section-text-container{width:80%}.skill-card-container{max-width:80%}.skill-card{margin:2rem auto;padding:2rem}.skill-card-text h2{font-size:2.1rem}}@media screen and (max-width:720px){.skill-card-img{margin:0;padding:0}#full-stack-icon,.skill-card-img{height:auto;width:100%}.skill-card-text h2{font-size:1.8rem;margin-bottom:.8rem;margin-top:1rem}.skill-card-text p{font-size:.9rem;line-height:1.2}.skill-card{flex-direction:column;padding:2rem}.skill-title{padding-bottom:.25rem}#skills-section{padding:5rem 3rem;text-align:center;width:100%}}@media screen and (max-width:581px){.skill-card{width:100%}#skills-section{padding:0}.skill-title{font-size:4rem}}#contact-section{align-items:center;display:flex;flex-direction:column;margin:-5rem auto;min-height:calc(100vh - 5rem);padding:2rem 8rem 13rem;width:100%}#contact-title{color:var(--section-title-color);font-size:6rem;font-weight:600}#contact-description{font-size:1.2rem;font-weight:200}#contact-text-container{display:flex;flex-direction:column;width:65%}#email,#message,#name{background:#2f2e33;border:none;border-radius:.5rem;color:#fff;font-size:1rem;margin:.5rem;max-width:100%;min-height:3rem;padding:.5rem 1rem;width:100%;&::-webkit-input-placeholder{color:#cecece;font-family:var(--font-family)}&::placeholder{color:#cecece;font-family:var(--font-family)}}#contact-form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:1rem;width:65%}.submit-btn{background:#fff;border:none;border-radius:2rem;color:#000;cursor:pointer;font-size:2rem;font-weight:600;height:auto;margin:2rem 0;padding:1rem;text-align:center;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:30%;&:hover{color:var(--highlight-color);text-shadow:1px 2px 0 var(--secondary-highlight-color);-webkit-transform:scale(1.1);transform:scale(1.1)}}@media screen and (max-width:720px){#contact-text-container{width:100%}.submit-btn{padding:15px;width:80%}#contact-section{padding:5rem 2rem;text-align:center}#contact-form{width:80%}}@media screen and (max-width:480px){#contact-title{font-size:4rem}}.socials-container{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;margin-bottom:20px}.social-icon-link{color:var(--highlight-color);cursor:pointer;font-size:2.7rem;margin:0 15px;text-align:center;text-decoration:none}#portfolio-section{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;min-height:calc(100vh - 5rem);padding:2rem 8rem 13rem;width:100%}#portfolio-section-text{display:flex;flex-direction:column;width:65%}#portfolio-title{color:var(--section-title-color);font-size:6rem;font-weight:600}#portfolio-description{font-size:1.2rem;font-weight:200;line-height:1.2;max-width:100%}.portfolio-info{margin:1rem 0 .5rem;padding:0 1rem;text-align:center}.portfolio-info a{border:1px solid var(--highlight-color);color:#fff;cursor:pointer;font-size:1.5rem;padding:0 1rem;text-align:right;text-decoration:none;&:hover{color:var(--highlight-color)}}#portfolio-imgs{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding-top:1rem;width:65%}.portfolio-img{border-radius:15px;flex-basis:calc(33.33% - 1rem);height:15rem;margin:.5rem;overflow:hidden;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:15rem;&:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}}.portfolio-item{align-items:center;display:flex;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#portfolio-btn{background-color:#fff;border:none;border-radius:2rem;font-size:1rem;font-weight:600;height:6vh;margin:3rem 0 0;padding:.5rem 2.5rem;width:15rem}#lovins-code{visibility:hidden}@media screen and (max-width:1325px){.portfolio-img{transition:none;&:hover{-webkit-transform:none;transform:none}}#portfolio-section{padding-bottom:15rem;width:100%}#portfolio-section-text{width:80%}#portfolio-imgs{margin:0;width:80%}}@media screen and (max-width:720px){.portfolio-img{height:auto;margin:0;width:100%}#lovins-img{margin-top:-1rem}#portfolio-imgs{gap:2rem}.portfolio-item{width:100%}#portfolio-description{padding-right:0}#portfolio-section{margin:0;padding:5rem 2rem;text-align:center;width:100%}.portfolio-info{margin-bottom:1rem}}@media screen and (max-width:480px){#portfolio-title{font-size:4rem}#portfolio-description{padding:0}#portfolio-btn{width:50vw}#portfolio-section-text{width:100%}}.main-container{margin:2rem auto}body{margin:0;padding:0;width:100%}
/*# sourceMappingURL=main.75e72e76.css.map*/