body{overflow-x:hidden}.header,body{margin:0;padding:0}.header{position:fixed;color:#4d4949;width:110%;height:8vh;background-color:none;top:0;left:-3%;text-shadow:#000;align-items:center;font-size:1.3em;font-family:Cantarell,sans-serif;text-transform:uppercase;background-attachment:fixed;-webkit-transition:background .5s ease-in;transition:background .5s ease-in}.header-cont{position:relative}.home{position:fixed;left:4%;top:4.5vh;display:flex;justify-content:flex-start}.fa-bars,.home{color:#4d4949;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}.fa-bars{position:absolute;right:10%;top:4vh;-webkit-transition:color 1s ease;transition:color 1s ease}.navbar{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);align-items:center;-webkit-transform:translateX(10%);transform:translateX(10%)}.nav-links{color:#4d4949;display:flex;justify-content:space-around;width:70%;cursor:pointer;list-style:none;position:relative;left:35%;top:1vh;-webkit-transform:translateX(130%);transform:translateX(130%);-webkit-transition:-webkit-transform .6s ease-in;transition:-webkit-transform .6s ease-in;transition:transform .6s ease-in;transition:transform .6s ease-in,-webkit-transform .6s ease-in;font-size:.8em}.nav-links.active{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.nav-links li{position:relative}a,a:hover{text-decoration:none;color:inherit}.nav-links li:before{content:"";position:absolute;width:100%;height:7%;bottom:-3px;left:0;background-position:50%;background-color:#54a339;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.nav-links li:hover:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}.fa-bars:hover,.nav-links li:hover{font-size:1.05em}.fa-bars:active{-webkit-transform:translate(.2px,-.2px);transform:translate(.2px,-.2px)}@media screen and (max-width:1000px){.nav-links{left:35%;width:80%}}@media screen and (max-width:800px){.nav-links{color:#3f3f3f;display:flex;flex-direction:column;justify-content:space-around;height:0;width:135vw;left:35%;top:-20px;background:#c4c4c4;text-align:center;-webkit-transform:translate(100%);transform:translate(100%);-webkit-transition:all .5s ease-in;transition:all .5s ease-in}.nav-links li{cursor:pointer}.nav-links.active{-webkit-transform:translateX(-54%);transform:translateX(-54%);height:102vh}.header{width:112vw}.fa-bars{right:15%;color:#3f3f3f!important}}@media screen and (max-width:500px){.nav-links{left:28%}.navbar{width:130vw}.fa-bars{right:15%}}.background{background-image:url(/static/media/photo.1afbd0a9.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%;background-attachment:fixed;height:100vh;width:100vw;padding-top:1vh}.name{letter-spacing:1.5em;font-family:Times New Roman,sans-serif;font-weight:700;font-size:1.8rem;color:#2e2b2b;white-space:nowrap}.subName{color:#fff;margin-top:2.3rem;font-size:1.5em;font-family:Cantarell,sans-serif;color:#e4e4e4}.arrowBtn1{position:absolute;top:90%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#e9e9e9;-webkit-animation:color-change 2s infinite;animation:color-change 2s infinite;-webkit-animation:position-change 1s infinite;animation:position-change 1s infinite;padding:5px;font-size:2rem}.arrow-container1{cursor:pointer}@-webkit-keyframes position-change{0%{top:90%}50%{top:89%}to{top:90%};}@keyframes position-change{0%{top:90%}50%{top:89%}to{top:90%};}@media screen and (max-width:800px){.name{font-size:1.25em;letter-spacing:1.2em}}@media screen and (max-width:500px){.name{white-space:normal;font-size:1.4em;letter-spacing:1.4em}.subName{font-size:1.1em}}@media screen and (max-width:300px){.name{white-space:normal;font-size:1.25em;letter-spacing:1.2em}.subName{font-size:1.1em}}.section2{position:relative;background-color:#fafafa;width:100%;height:90vh}.aboutMe{position:relative;top:10vh!important}.aboutMeTitle{position:absolute;text-transform:uppercase;font-family:Cantarell,sans-serif;font-size:1.8em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.aboutMeTitle:before{content:"";position:absolute;left:1px;bottom:-6px;background-color:#54a339;width:100%;height:7%}@media screen and (max-width:900px){.section2{height:98vh}.aboutMe{top:2vh!important}}@media screen and (max-width:750px){.section2{height:85vh}}@media screen and (max-width:578px){.section2{height:105vh}}@media screen and (max-width:400px){.section2{height:140vh}.aboutMe{top:2vh!important}.aboutMeTitle{font-size:1.4em!important}}@media screen and (max-width:350px){.section2{height:175vh}}.aboutMe{position:absolute;top:5%;font-family:Cantarell,sans-serif;justify-content:center}.description{text-align:justify;color:#5e5e5e}.arrowBtn2{position:absolute;top:90%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#505050;-webkit-animation:color-change 2s infinite;animation:color-change 2s infinite;-webkit-animation:position-change2 1s infinite;animation:position-change2 1s infinite;padding:5px;font-size:2rem}.arrow-container2{cursor:pointer}@-webkit-keyframes position-change2{0%{top:90%}50%{top:89%}to{top:90%}}@keyframes position-change2{0%{top:90%}50%{top:89%}to{top:90%}}.portfolio{position:relative;height:50vh}.portfolioTitle{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-family:Cantarell,sans-serif;text-transform:uppercase;background:#fff}.portfolioTitle h1{font-size:1.8em}.portfolioTitle:before{content:"";position:absolute;left:0;bottom:3px;width:100%;height:4%;background-color:#54a339}.arrow-container3{position:relative;height:4vh;cursor:pointer}.arrowBtn3{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#505050;-webkit-animation:position-change3 1s infinite;animation:position-change3 1s infinite;font-size:2rem}@-webkit-keyframes position-change3{0%{top:0}50%{top:-25%}to{top:0}}@keyframes position-change3{0%{top:0}50%{top:-25%}to{top:0}}@media screen and (max-width:500px){.portfolioTitle{font-size:.9em;white-space:nowrap}}.card,.portfolio-img{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.card:hover .portfolio-img{-webkit-filter:brightness(50%);filter:brightness(50%)}.projectURL{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:2.5rem;color:#fff}.hover-details{opacity:0}.card:hover .hover-details{opacity:1}.project-title{position:absolute;top:25%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:1.5em;color:#fff}.f1{bottom:15%}.f1,.f2{position:absolute;left:5%;color:#fff;font-size:.8rem}.f2{bottom:10%}.f3{bottom:5%}.f3,.f4{position:absolute;left:5%;color:#fff;font-size:.8rem}.f4{bottom:0}.f5{position:absolute;bottom:20%;left:5%;color:#fff;font-size:.8rem}@media screen and (max-width:500px){.card{font-size:.9em}.card i{font-size:.7em}}@media screen and (max-width:380px){.card,.card i{font-size:.6em}}.section4{position:relative;margin-top:50px;height:50vh}.contact-background{position:relative;background:url(/static/media/contact.5231e8ba.jpg);-webkit-filter:brightness(50%);filter:brightness(50%);background-attachment:fixed;background-size:cover;top:1vh;height:50vh}.contact-container{position:relative;top:-40vh}.contactBtn{background-color:#3e742c;border-color:#3e7a29;text-transform:uppercase;font-family:Cantarell,sans-serif;color:#fff;-webkit-transition:background,color,border-color,.5s ease-in-out;transition:background,color,border-color,.5s ease-in-out;cursor:pointer;padding:10px;font-size:.8rem}.contactBtn:hover{background:#e4e4e4;border-color:#a3a3a3;color:#4d4949}.contactpageTitle{font-size:.2rem}.contact,.contactpageTitle{text-transform:uppercase;font-family:Cantarell,sans-serif;color:#fff}.contact{font-size:1em;text-align:center}.contactImg{position:relative;top:-12vh;color:#fff;font-size:15em;background-size:20% 80%;width:100%;height:100%}@media screen and (max-width:500px){.contactpageTitle{font-size:.1rem}.contact{font-size:.8em}.contactImg{position:relative;top:-8vh;color:#fff;font-size:10em;background-size:20% 80%;width:100%;height:100%}}
/*# sourceMappingURL=main.25a91d30.chunk.css.map */