@import"https://fonts.googleapis.com/css2?family=Outfit:wght@200;400;500;600;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:underline}*,:before,:after{--smooth-font-family: "Outfit", "Century Gothic", Tahoma, Geneva, Verdana, sans-serif;--universal-bg-clr: rgb(7, 7, 13);--transitive-bg-clr: rgb(9, 9, 27);--element-bg-clr: rgba(2, 2, 5, .683);--accent-bg-clr: rgb(20, 20, 48);--universal-text-clr: rgb(240, 255, 255);--noacc-text-clr: rgb(69, 75, 75);--accent-text-clr: rgb(138, 138, 243)}:root{font-family:var(--smooth-font-family);font-weight:400;font-size:clamp(1rem,5vw,2rem);color-scheme:dark;color:var(--universal-text-clr);background-color:var(--universal-bg-clr)}h1{font-size:clamp(1rem,8vw,3rem);font-weight:600;letter-spacing:.1vw}h2{font-size:clamp(.5rem,6vw,1.4rem);font-weight:500;letter-spacing:.1vw}body{min-height:100vh;max-width:100vw}.navbar{position:fixed;width:100vw;--tw-gradient-stops: rgba(0, 0, 0, .6) 10%, rgb(0, 0, 0, 0) 90%;background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.navbar__wrapper{display:flex;flex-direction:row;justify-content:right;column-gap:24px;width:80%;padding:1em;margin:0 auto}main{display:flex;flex-direction:column}.hero{display:flex;justify-content:center;height:95vh;--tw-gradient-stops: var(--accent-bg-clr), var(--transitive-bg-clr), var(--universal-bg-clr);background-image:radial-gradient(circle at bottom,var(--tw-gradient-stops))}.title-wrapper{display:flex;flex-direction:row;column-gap:2vw;align-self:center}.name-list{list-style:none}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero .title{--tw-gradient-stops: rgb(78, 58, 168), var(--accent-text-clr), rgb(97, 86, 145);background:linear-gradient(to right,var(--tw-gradient-stops));background-size:400% 400%;animation:gradient 10s ease infinite forwards;-webkit-background-clip:text;background-clip:text;color:transparent;align-self:self-end;font-size:clamp(1rem,10vw,7rem)}.trs-1{height:150px;margin-top:-125px;--tw-gradient-stops: rgb(0, 0, 0, 0) 20%, var(--transitive-bg-clr) 80%;background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.trs-2{height:100px;margin-top:-50px;--tw-gradient-stops: var(--transitive-bg-clr) 20%, rgb(0, 0, 0, 0) 80%;background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.content{display:flex;flex-direction:column;padding:2rem;background:var(--transitive-bg-clr)}.content .subtext{color:#a9a9a9;font-size:.75rem}.content .projects{margin-top:3rem;display:grid;grid-auto-rows:fit-content;grid-template-columns:1fr;gap:2.5em 0}.content .project{width:90%;margin:0 auto;padding:1rem;border-radius:12px;background:var(--element-bg-clr)}.content .project .project__name{display:flex;align-items:center;justify-content:space-between}.content .project .project__status{font-size:.5em}.content .project .project__desc{font-size:.72rem}.project .project__name{color:var(--accent-text-clr)}.project .project__status{color:#7c8981}.project .project__status[data-status=closed]{color:#bf2a2a}.project .project__status[data-status=open]{color:#00b20c}.modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100vw;height:100vh;overflow:none;background-color:#000000c2}.modal[data-modal-status=open]{display:flex;flex-direction:column;justify-content:center;align-items:center}.modal .project{display:grid;grid-template-columns:1fr;gap:6px 0;grid-template-areas:"name" "status" "desc";width:80%;padding:1.65em;border-radius:12px;background-color:var(--transitive-bg-clr)}.modal :is(.project__status,.project__desc,.project__link>a){font-size:clamp(.3em,3vw,.8em)}.modal .project__name{grid-area:name}.modal .close_modal{grid-area:close;display:none;outline:inherit;cursor:pointer;border:none}.modal .project__status{grid-area:status}.modal .project__desc{grid-area:desc}.modal .project__links{list-style:symbols("↗")}.modal .project__link>a{color:#3c3ebc}.contact{margin:1rem 2rem}noscript{display:inherit;align-items:inherit;justify-content:inherit;color:inherit;font-size:inherit}@media (min-width: 1200px){.modal .project{width:70%}.content .projects{grid-template-columns:1fr 1fr}}.footer{display:flex;justify-content:end;align-items:center;padding:1em;font-size:.5em}@media (min-width: 700px){.modal .project{grid-template-columns:1fr 0fr;grid-template-areas:"name close" "status status" "desc desc"}.modal .close_modal{display:block;background:var(--accent-bg-clr);border-radius:50%;aspect-ratio:1 / 1;width:3.5em;font-size:.4em}}