:root{--clr-primary-dark: #222629;--clr-primary-reg: #3b3f42;--clr-primary-light: #8a8e91;--clr-primary-white: #e1e1e1;--clr-accent-dark: #61892f;--clr-accent-light: #84c232;--ff-base: "Ubuntu", sans-serif;--ff-accent: "Source Code Pro", monospace;--fw-regular: 400;--fw-bold: 700;--fs-300: .875rem;--fs-400: 1rem;--fs-500: 1.25rem;--fs-600: 1.75rem;--fs-700: 3rem;--fs-900: 10rem;--fs-clamp-400: clamp(var(--fs-300), 2vw, var(--fs-600));--fs-clamp-500: clamp(var(--fs-600), 4vw, var(--fs-700));--fs-clamp-600: clamp(var(--fs-700), 10vw, var(--fs-900))}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}body{background-color:var(--clr-primary-dark);font-family:var(--ff-base);font-size:var(--fs-400)}ul,ol{list-style:none;padding:0}a{text-decoration:none;color:var(--clr-primary-white)}label{display:block;font-family:var(--ff-accent);color:var(--clr-primary-white)}.btn{border-radius:.125rem;border:1px solid var(--clr-accent-light);background-color:var(--clr-primary-dark);padding:.75rem 1rem;transition:background-color .25s ease-out;cursor:pointer}.btn:is(:hover){background-color:var(--clr-primary-reg)}.head-section{width:100%;background-color:var(--clr-primary-dark);padding:2rem;height:3rem;align-items:center;position:fixed;top:0;left:0;box-shadow:0 1px 5px var(--clr-accent-light);z-index:9}.logo-wrapper{background-color:var(--clr-neutral);border:3px solid var(--clr-accent-light);width:3rem;border-radius:50%}.logo-wrapper>img{color:var(--clr-accent-light)}.navigation-links{--gap: 2rem;align-items:center;justify-content:flex-end}.navigation-link>span{font-family:var(--ff-accent)}.menu-toggle{display:none}.intro-section{display:flex;align-items:center;justify-content:center;padding:3rem}.intro-wrapper{--max-width: 55rem;display:grid;gap:.5rem;width:max-content;max-width:var(--max-width)}.project-section{display:grid;place-items:center;row-gap:var(--r-gap, 3rem);padding-inline:2rem;padding-bottom:4rem}.project-title{margin-block:2rem}.project-wrapper{width:100%;height:max-content;display:grid;gap:1rem}.project-img{width:100%;object-fit:cover}.tech-stack{font-family:var(--ff-accent);color:var(--clr-primary-white)}.links .btn{height:max-content;font-family:var(--ff-accent);color:var(--clr-accent-light);padding-inline:1.5rem}.links .btn:is(:hover){scale:1.05}.contact-section{min-height:90vh;display:grid;place-items:center;padding:1rem;grid-template-areas:"title" "form" "others"}.title-wrapper{grid-area:title}.contact-form{grid-area:form;width:clamp(20rem,50vw,50rem);padding:3rem 1rem;border:1px solid var(--clr-primary-light);display:flex;flex-direction:column;box-shadow:0 0 2px 1px var(--clr-primary-white);font-family:var(--ff-accent)}.input{padding:.25rem .5rem;margin-bottom:1rem;background-color:transparent;border:0;border-bottom:1px solid white;color:var(--clr-primary-white)}.input:focus{outline:none;border-color:var(--clr-accent-light);box-shadow:0 1px 2px var(--clr-accent-dark)}.submit-btn{font-size:var(--fs-500);padding:.875rem 2rem;text-transform:uppercase;color:var(--clr-primary-white);background-color:transparent;border:1px solid var(--clr-primary-light)}.submit-btn:is(:hover){border-color:var(--clr-accent-light)}.contact-others{grid-area:others;color:var(--clr-primary-light);text-align:center;font-size:var(--fs-clamp-400)}.light{border-color:var(--clr-accent-light);box-shadow:0 0 2px 1px var(--clr-primary-light)}.light>button{border-color:var(--clr-accent-light);color:var(--clr-accent-light)}.footer-section{height:4rem;display:grid;place-content:center;box-shadow:0 -1px 5px var(--clr-accent-dark)}.media-links{gap:2rem;display:flex;justify-content:center}.media-icon{width:1.5rem}.hidden-wrapper{position:relative}.hidden-info,.warn{color:var(--clr-accent-dark);position:absolute;top:-1.5rem;left:50%;translate:-50% 0;display:none;white-space:nowrap}.warn{font-size:1.25rem;top:-4rem;padding:0 1.5rem;background-color:#ffffffb3}.hidden-wrapper:hover .hidden-info{display:block}@media (max-width: 600px){.navigation-links{position:fixed;translate:100% 0;background:hsl(0 0% 0% / .6);backdrop-filter:blur(.2rem);inset:0;flex-direction:column;justify-content:center;transition:translate .2s ease-out;z-index:2}.navigation-link:is(:hover,:focus){text-align:center;width:100%;border-right:4px solid var(--clr-accent-light)}.show-links{translate:0}.menu-toggle{display:block;background-color:transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAEAYAAAD6+a2dAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAAGYktHRAAAAAAAAPlDu38AAAAJcEhZcwAAAGAAAABgAPBrQs8AAAAHdElNRQfnAQ4XFArNOFSnAAADQUlEQVR42u3dYWjUdRzH8c/3919CN6gFSe5GOnYbqYTneSo17MZMJgkzn8imOxGy6VykTE0F3caaRWS4IDSHe9RusNNs2BCM1sKb6LAz2wM1yBsKMkVRp4iCu/99feKZ+CSo7n5wfl6P/vwP/rzh++T/4/78fgARERERET1fJH2x65dTRf6GoiJ0JstMc10d/tTzUu3z2Q6k/8l0man9icREVA5heSTSJgsmnz05Niafdh2vnhsKBMw8iaQKBwfRjxH8VVBgu5cypBp+lI2PS7uzxu2trDTmVfG4K/bs4eCfE4/nrGHXMfs7Ogy+RDWKg0HbXZRlj+ducAQjMjg6aruHsqwQn4mbSBi8Yn7U9c3NeBG7UJ9K2e6iDEvPOWpSOrOl5e9VQHHs5cBXoRCaJCkDjY2yWbfiemmp7V76b7Qe/ahQxXS5gAuJBDo0Txft27fzUujO2S2xmO0+IiIiIiIiIiIiIiIiIiLKCHn2Rqv+qn4tKJg0zenIm1tS4n4o81RF/s3DyT6nS38TUX142W1KxkdH26RSRmR8PP27tGo8Hgx6PHk379/Vlzo7ZT/ycCccth1OGfI2urC6u3tioWeDfNfQ4FSdW/XGlMO7d+MKXpe+tWtt91GGXcEcjPj9zrHkStzKzzfaixZMqamx3UVZ1o7rOlhba7BNB+QtVds9lGVtGpRe1zWYJCvhiUZt91B2yQ18gnsHDzrvDH004PUNDTnJiW+xeupUrMM9OLNmoQLTcJVv/zmjHTHMUcV2/IyqSGTiY88i+WHTJi4Dc9w/LQOJiIiIiIiIiIiIiIiIiCgnPfmf//PXhvJnxyoq3CMIS3ljo1mgXpnPzaJzReqEjOnpREJqtRdf792b3iZO2hcf7w6UL10qVdItq/r68AA7ccAY28GUIemNIjeay7p42TLn3eEPSr210SiGUY/vCwtt91GGJRHC7yL4Ro/KmzNmGLwPvy4sKbHdRVl2FTvU8fkMtqIfl86csd1DWfaH/ARfPG4k4riphqam9EECtrsow4ZxE3W3b8sS8yBV9tRXwa164kag3Ot9oUaX41A4zCNjcou8hx4UX7z48AszW6/19KSPjLHdRURERERE2fYID4MzGfllA5kAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjMtMDEtMTRUMjM6MjA6MTArMDA6MDB5890SAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIzLTAxLTE0VDIzOjIwOjEwKzAwOjAwCK5lrgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMy0wMS0xNFQyMzoyMDoxMCswMDowMF+7RHEAAAAASUVORK5CYII=);background-size:cover;background-position:center;padding:1rem;border:0;cursor:pointer;z-index:9}.menu-toggle[aria-expanded=true]{background-image:url(data:image/png;base64,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)}.menu-toggle:is(:hover,:focus){scale:1.05}.contact-section{row-gap:2.5rem}}@media (max-width: 1100px){.intro-wrapper{--max-width: 40rem}}@media (max-width: 850px){.intro-wrapper{--max-width: 30rem}}@media (min-width: 1000px){.project-section{padding:2rem;column-gap:2rem;grid-template-columns:minmax(1rem,1fr) repeat(2,minmax(0,45rem)) minmax(1rem,1fr)}.project-title{margin-block:2rem;grid-column-start:2;grid-column-end:4}.project-wrapper:nth-child(even){grid-column:2}.project-wrapper:nth-child(odd){grid-column:3}}.letter-space{letter-spacing:2px}.flex{display:flex;gap:var(--gap, 1rem)}.space-between{justify-content:space-between}.clr-accent-light{color:var(--clr-accent-light)}.clr-accent-dark{color:var(--clr-accent-dark)}.clr-primary-light{color:var(--clr-primary-light)}.clr-primary-white{color:var(--clr-primary-white)}.fw-bold{font-weight:var(--fw-bold)}.fs-clamp-400{font-size:var(--fs-clamp-400)}.fs-clamp-500{font-size:var(--fs-clamp-500)}.fs-clamp-600{font-size:var(--fs-clamp-600)}:where(.section){width:100%;min-height:100vh;z-index:-3}.bg-clr-reg{background-color:var(--clr-primary-reg)}.section-title{width:max-content;position:relative;text-transform:uppercase;z-index:1}.section-title:after{content:"";position:absolute;width:65%;border:2px solid var(--clr-accent-light);bottom:-.125rem;left:50%;translate:-50% 0;box-shadow:1px 1px 5px var(--clr-accent-dark)}.hidden{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}