:root{--background-color-dark:#292828;--primay-color:#ff9100;--secondary-color-dark:#fff;--background-color-light:#fff;--secondary-color-light:#000;--accent-dark:#e4d500;--accent-light:#e4d500}*,:after,:before{box-sizing:border-box;list-style-type:none;margin:0;padding:0;scroll-behavior:smooth;text-decoration:none}button{font-family:inherit}a,button{cursor:pointer}a{color:inherit;text-decoration:none}ul{list-style-type:none;margin:0;padding:0}body{font-family:League Spartan,sans-serif}.header,footer,img{width:100%}.content-container,.nav-bar{margin:0 auto;max-width:1000px;width:90%}.content-container{display:flex;flex-flow:row wrap}.content-container>*{flex-basis:100%}.accent{color:#ff9100;color:var(--primay-color)}.wrapper{min-height:100vh}.header{position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:3}.logo{font-family:Titillium Web,sans-serif}.logo a:hover,.logo:hover{color:#ff9100;color:var(--primay-color)}section{margin-bottom:3vh;min-height:85vh;padding-top:2rem}.coding-formation-section,.education-section,.hero-section,.project-list-section,.technology-section{height:auto}.nav-bar{align-items:center;display:flex}.logo{font-size:1.3rem;padding:.85rem 0}.nav-list{align-content:flex-start;background-color:#000;display:flex;flex-flow:row wrap;gap:2rem;height:100vh;left:0;padding-left:5%;padding-top:1.5rem;position:absolute;top:3rem;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:100%}.nav-list li{background-color:#000;cursor:pointer;flex-basis:100%;font-size:1.2rem;font-weight:400}.nav-list li:hover{color:#ff9100;color:var(--primay-color)}.open .nav-list{-webkit-transform:scale(1);transform:scale(1)}h2,h3,h4{color:#ff9100;color:var(--primay-color);font-family:League Spartan,sans-serif}.dark{background-color:#292828;background-color:var(--background-color-dark);color:#fff;color:var(--secondary-color-dark)}.light{background-color:#fff;background-color:var(--background-color-light);color:#000;color:var(--secondary-color-light)}.header{background-color:#000;background-color:var(--secondary-color-light);opacity:.8}.light .nav-list{background-color:#000000d1;color:#fff}.logo{color:#fff}.dark .hero-img-container picture{border-color:#fff;border-color:var(--secondary-color-dark)}.light .form-container input,.light .form-container textarea{border:1px solid #292828;border:1px solid var(--background-color-dark)}.hero-section{display:flex;flex-flow:row wrap;margin-bottom:0;padding-top:1rem}.hero-btn.container,.hero-img-container,.hero-section,.hero-text-container{flex-basis:100%}.hero-img-container picture{border:2px solid transparent;border-radius:50%;display:block;margin:0 auto;max-width:260px;order:1;overflow:hidden}.btn-container,.hero-text-container{order:2}.btn-container{align-items:flex-start;display:flex;flex-basis:100%;justify-content:space-evenly;margin-top:1rem}.btn{background-color:initial;border:1px solid transparent;display:block;font-size:1rem;font-weight:600;padding:.5rem 1rem}.contact-btn{border-color:#e4d500;border-color:var(--accent-dark);box-shadow:0 0 10px #e4d500;box-shadow:0 0 10px var(--accent-dark);color:#e4d500;color:var(--accent-dark)}.project-btn{border-color:#ff9100;border-color:var(--primay-color);box-shadow:0 0 10px #ff9100;box-shadow:0 0 10px var(--primay-color);color:#ff9100;color:var(--primay-color)}.project-btn:hover{background-color:#ff9100;background-color:var(--primay-color)}.contact-btn:hover,.project-btn:hover{-webkit-animation:none;animation:none;color:#fff;color:var(--secondary-color-dark)}.contact-btn:hover{background-color:#e4d500;background-color:var(--accent-dark)}section h2{padding:2rem 0}.languages-list li{padding:.25rem 0}.form-container{max-width:600px}.form-container input,.form-container label,.form-container textarea{border:none;display:block;width:100%}.form-container input,.form-container textarea{margin:.5rem 0 .75rem;padding:.25rem;resize:none}.form-container input:focus,.form-container textarea:focus{outline:1px solid #ff9100;outline:1px solid var(--primay-color)}.form-container .btn{border:1px solid #ff9100;border:1px solid var(--primay-color);color:#ff9100;padding:.5rem 2rem}.form-container .btn:hover{background-color:#ff9100;background-color:var(--primay-color);color:#fff}.contact-list{display:flex;flex-flow:row wrap;gap:.5em}.contact-list li{flex-basis:100%}.contact-list li:hover{color:#ff9100;color:var(--primay-color)}.technology-list{display:flex;flex-flow:row wrap;justify-content:space-between;row-gap:.9rem}.technology-list li{flex-basis:30%}.technology-list li p{font-family:Roboto Slab,serif;font-size:.8rem;padding:.5rem .125rem;text-transform:capitalize}.coding-formation-section ul li,.education_tree_flex li{padding:1rem 0 .5rem}ul li h4{padding-bottom:.5rem}.project-list{display:flex;flex-flow:row wrap;gap:2rem}.project-card{flex-basis:100%}.project-card h3{padding:1rem 0 .5rem}.project-card .seeMore{color:#e4d500;color:var(--accent-dark);padding:.5rem 0}.project-screenshot-container{display:grid;grid-template-columns:1fr}.project-card-screenshot,.project-card-screenshot-overlay{grid-column:1/-1;grid-row:1}.project-card-screenshot-overlay{align-items:center;color:#000;display:flex;flex-flow:row wrap;font-size:1.3rem;justify-content:space-between;opacity:0;padding:1rem;transition:all .4s ease-in-out}.project-card-screenshot-overlay a:hover{color:#ff9100;color:var(--primay-color)}.project-card-screenshot-overlay:hover{background-color:hsla(0,0%,100%,.66);opacity:.8;transition:all .4s ease-in-out}.project-card ul{display:flex;flex-flow:row wrap;font-family:Titillium Web,sans-serif;gap:.5rem}.project-card-screenshot-overlay i{margin-right:.2rem}.project-link,.project-technologies li{font-family:Space Grotesk,sans-serif}.project-link{text-transform:uppercase}.footer-icon-list{display:flex;flex-flow:row wrap;gap:2rem;justify-content:center;padding:1rem 0}h3{padding:3rem 0 1.5rem}a:hover{color:#e4d500;color:var(--accent-dark)}.scrollToNextComponent{cursor:pointer;margin:5vh auto 0;opacity:.2;text-align:center}.arrow{margin-top:.5rem}.scrollToNextComponent:hover{opacity:1}.scrollToNextComponent i{display:inline-block}.hero_first,h1{font-size:2rem;padding:.25em 0}.callForAction{color:#ff9100;color:var(--primay-color);cursor:pointer;font-size:1.4rem;padding-top:2rem}.name{font-size:2.6rem}.subheading{font-size:1.6rem}.hero-phrase{font-family:VT323,monospace;font-size:3rem;margin:1.5em 0}.aboutme-section p{font-size:1.2rem;line-height:1.7}.mirror{display:inline-block;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.floating{-webkit-animation:bounce 2s cubic-bezier(.445,.05,.55,.95) infinite;animation:bounce 2s cubic-bezier(.445,.05,.55,.95) infinite;cursor:pointer}@-webkit-keyframes bounce{50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes bounce{50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.pulsate{animation-iteration-count:infinite;animation:pulsate 3s ease-out;-webkit-animation:pulsate 3s ease-out;-webkit-animation-iteration-count:infinite;opacity:1}@-webkit-keyframes pulsate{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes pulsate{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.typewriter{-webkit-animation:typing 2.5s steps(40),blink-caret .75s step-end infinite;animation:typing 2.5s steps(40),blink-caret .75s step-end infinite;border-right:3px solid orange;overflow:hidden;white-space:normal}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}.project-container h4{font-size:1.3rem;font-weight:400;line-height:1.5}.project-container p{font-size:1.2rem;font-weight:300;line-height:1.5}.project-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(2,1fr)}.project-screenshot-side{display:none}.col{grid-column:1/-1}.project-screenshot{margin:.5rem 0 1.5rem}.project-title{color:#ff9100;color:var(--primay-color)}.project-subtitle{color:#e4d500;color:var(--accent-dark);padding:1rem 0}.project-screenshot{max-width:500px}.project-description{padding:0 0 .75rem}.link-container{display:flex;gap:2rem;justify-content:center;padding:2rem 0 4rem}.link-container i{margin-right:.5rem}.link-container a{display:block}@media (min-width:600px){:root{font-size:calc(1rem + .2vw)}.hero-text-container{flex-basis:65%}.hero-img-container{flex-basis:35%;order:2}.technology-list{row-gap:1.5rem}.technology-list li{flex-basis:15%;text-align:center}.project-card{flex-basis:30%}.nav-list{height:auto;margin-left:auto;padding:0;position:static;-webkit-transform:scale(1);transform:scale(1);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nav-list li{flex-basis:auto;font-size:1rem;padding:.5rem 0}.project-card-screenshot-overlay a{flex-basis:100%;text-align:center}.technology-list li:last-of-type{margin-right:auto}.col{grid-column:1/2}.project-screenshot{display:none}.project-screenshot-side{display:block;grid-column:2/3;grid-row:1/3}}@media (min-width:899px){.typewriter{white-space:nowrap}}.menu-btn{align-items:center;cursor:pointer;display:flex;height:3rem;justify-content:center;margin-left:auto;position:relative;transition:all .5s ease-in-out;width:3rem}.menu-btn-burger,.menu-btn-burger:after,.menu-btn-burger:before{background-color:#fff;height:.3rem;transition:all .5s ease-in-out;width:80%}.menu-btn-burger:after,.menu-btn-burger:before{content:"";position:absolute}.menu-btn-burger:before{-webkit-transform:translateY(-.6rem);transform:translateY(-.6rem)}.menu-btn-burger:after{-webkit-transform:translateY(.6rem);transform:translateY(.6rem)}.open .menu-btn-burger{background-color:initial}.open .menu-btn-burger:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.open .menu-btn-burger:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media (min-width:600px){.menu-btn{display:none}}li,p,ul{margin:0;padding:0}.education_tree_flex{display:flex;flex-flow:row wrap;margin:0 auto}.education_tree_flex li{flex-basis:100%}.education_tree_flex li p{padding:.25rem 0}@media (min-width:600px){.education_tree_flex{-webkit-column-gap:1px;column-gap:1px}.education_tree_flex li{flex-basis:calc(50% + 1px);padding:.5rem 0}.education_tree_flex li:nth-of-type(2n){border-right:1px solid var(--primay-color);justify-self:flex-end;padding-right:.25rem}.education_tree_flex li:nth-of-type(odd){border-left:1px solid var(--primay-color);margin-left:auto;margin-right:-1px;padding-left:.25rem;text-align:right}.education_tree_flex li p:first-of-type{color:var(--primay-color);margin-bottom:.25rem}}
/*# sourceMappingURL=main.1b194eb0.css.map*/