@import url(https://fonts.googleapis.com/css2?family=Pixelify+Sans&family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=League+Spartan:wght@100;300;400;500;700&display=swap);:root{--padding:5%}nav{align-items:center;display:flex;height:80px;justify-content:space-between;padding-left:5%;padding-left:var(--padding);padding-right:5%;padding-right:var(--padding);position:fixed;top:0;width:100%}nav h5{font-family:League Spartan,sans-serif}nav ul{display:flex;justify-content:space-evenly;list-style-type:none;width:25%}nav ul li{color:var(--text);cursor:pointer;font-family:League Spartan,sans-serif}nav ul:hover li{opacity:.4}nav ul li:hover{opacity:1}@media screen and (max-width:1000px){nav ul{width:50%}}@media screen and (max-width:550px){nav{padding-left:2%;padding-right:2%}nav ul{width:65%}}@media screen and (max-width:450px){nav div{display:block;width:20%}nav ul{display:none}}main{font-family:League Spartan,sans-serif!important;padding-left:5%;padding-left:var(--padding);padding-right:5%;padding-right:var(--padding)}.landing{scroll-margin-bottom:50px;scroll-snap-align:start end}.hero{align-items:center;display:flex;height:85vh;justify-content:space-around;margin-top:3%;padding-left:5%;padding-left:var(--padding);padding-right:5%;padding-right:var(--padding);width:100%}.hero-text{font-family:League Spartan,sans-serif!important;line-height:5rem;text-transform:uppercase;width:50%}.hero-image{aspect-ratio:1;max-width:35%}.hero-image img{height:100%;width:100%}.hero-text span{color:var(--accent)}.typing{color:#ffc107!important;font-size:.65em}.accent{color:var(--text)!important;font-size:.85em}.arrow-container{display:flex;height:15vh;justify-content:center}.feather-arrow-down-circle{animation:arrowHovering 2s ease-in-out infinite;-webkit-animation:arrowHovering linear 2s ease-in-out infinite}@-webkit-keyframes arrowHovering{0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}50%{transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px)}to{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}@keyframes arrowHovering{0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}50%{transform:translateY(20px);-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px)}to{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}@media screen and (max-width:1100px){.hero-text{width:65%}}@media screen and (max-width:950px){.hero-image{display:none}.hero-text{width:100%}.hero{justify-content:center}}@media screen and (max-width:580px){.typing{font-size:.4em}}.about{height:100vh;scroll-snap-align:center;width:100%}.about .about-text{display:flex;flex-direction:column;gap:25px;padding-bottom:50px;padding-top:10%;padding-top:calc(var(--padding)*2)}.about div p{line-height:1.2em}.about div h1{color:var(--accent)}.about div h3{color:#ffc107}.about .grid-wrapper{display:flex;flex-wrap:wrap;gap:25px}.grid-wrapper div{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;display:grid;height:100px;margin-top:25px;padding:10px;place-content:center;width:100px}.grid-wrapper div:hover{background-color:#222}.grid-wrapper div img{height:100%;width:100%}@media screen and (max-width:600px){.grid-wrapper div{height:50px;margin-top:5px;width:50px}.about{padding-top:5vh}}.work{max-height:100vh;scroll-snap-align:center;width:100%}.work .work-container{display:flex;flex-direction:column;gap:25px;padding-bottom:50px;padding-top:10%;padding-top:calc(var(--padding)*2)}.work h1{color:var(--accent)}.work-wrapper{display:flex;flex-wrap:wrap;gap:15px}.contact{height:100vh;scroll-snap-align:center;width:100%}.contact .contact-container{display:flex;flex-direction:column;gap:25px;padding-bottom:50px;padding-top:10%;padding-top:calc(var(--padding)*2)}.contact h1{color:var(--accent)}.contact p{line-height:1.2em}.contact-wrapper{display:flex;flex-wrap:wrap;gap:15px}.card-container{background-color:#222;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;flex-direction:column;height:350px;width:325px}.social-container{height:100%;width:400px}.card-image{background-position:50% 50%;background-size:cover;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;height:55%}.card-description,.card-image{box-shadow:0 5px 15px rgba(0,0,0,.35)}.card-description{align-items:center;border-bottom-left-radius:20px;border-bottom-right-radius:20px;display:flex;flex-direction:column;gap:5px;height:45%;justify-content:center;opacity:.75;padding:10px}.card-description h4{color:hsla(0,0%,100%,.75)}.card-description h5{color:#ffc107}@media screen and (max-width:550px){.card-container{height:325px;width:300px}.work{padding-top:5%}.contact{padding-top:15%}}*{box-sizing:border-box;margin:0;padding:0}html{overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory}a{color:#f7dffb;color:var(--text);text-decoration:none}:root{--text:#f7dffb;--background:#111;--primary:#2ccd1d;--secondary:#062814;--accent:#8ddb1f;--font-scale:1.333;--p:1rem;--h5:calc(var(--p)*var(--font-scale));--h4:calc(var(--h5)*var(--font-scale));--h3:calc(var(--h4)*var(--font-scale));--h2:calc(var(--h3)*var(--font-scale));--h1:calc(var(--h2)*var(--font-scale));--small:calc(var(--p)/var(--font-scale))}body{background:#111;background:var(--background);color:#f7dffb;color:var(--text);min-height:100vh}h1{font-size:4.20873rem;font-size:var(--h1)}h2{font-size:3.15733rem;font-size:var(--h2)}h3{font-size:2.36859rem;font-size:var(--h3)}h4{font-size:1.77689rem;font-size:var(--h4)}h5{font-size:1.333rem;font-size:var(--h5)}p{font-size:1rem;font-size:var(--p)}.small{font-size:.75019rem;font-size:var(--small)}
/*# sourceMappingURL=main.c413cd3b.css.map*/