@import"https://fonts.googleapis.com/css2?family=Azeret+Mono:ital,wght@0,100..900;1,100..900&family=Bebas+Neue&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Recursive:wght@300..1000&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--darkTheme01: #101010;--darkTheme02: #151515;--darkTheme03: #1a1a1a;--darkTheme04: #1e1e1e;--darkTheme05: #242424;--darkTheme06: #3c3c3c;--darkTheme07: #858585;--darkTheme08: #dedede;--accentDarkBlue: #0c1020;--accentDarkOrange: #2d1304;--accentDarkPurple: #2e011d;--accentDarkPink: #6f0147;--accentMidPurple: #c165a3;--accentMidPink: #f80ea2;--accentMidOrange: #ff6106;--accentMidBrown: #652c0b;--accentMidBlue: #111835;--accentMidNavy: #2a3563;--accentMidLime: #9cb935;--accentLightPurple: #dcd8ec;--accentLightLime: #ddf096;--accentLightOrange: #ffbd96;--accentLightYellow: #ffe3b0;--accentVeryLightPink: #ffcfef;--accentStrongPurple: #7350ff;--accentFadedPurple: #ad99ff;--accentStrongGreen: #adff99;--accentLightPink: #e969ff;--accentVeryLightPink: #f09dff;--transparentBG: #0000001f;--transparentBGhover: #00000036}main{min-height:70vh;display:flex;flex-direction:column;align-items:center}body{font-family:sans-serif;background-color:#0e0e0e;color:var(--primaryColor);min-height:100vh}#root{min-height:100vh;position:relative;overflow:hidden}button,select,input,textarea{font-family:inherit;font-size:inherit;color:inherit}ul{list-style-type:none}:is(h1,h2,h3,h4,h5,h6,li){font-family:Azeret Mono;color:var(--accentLightPurple)}a{font-weight:700;color:var(--accentFadedPurple);text-underline-offset:5px;font-family:Azeret Mono;transition:all .2s ease-in-out;filter:drop-shadow(0px 0px 5px #00000080)}a:hover{color:var(--accentLightPink)}main a:has(>svg){display:flex;align-items:center}p{color:var(--accentLightPurple);font-family:Azeret Mono;line-height:1.5}.embeddedFigma{border:1px solid rgba(0,0,0,.1);width:800px;height:450px}#tech-stack-wrapper{margin:5rem 0 20rem;text-align:center}#tech-stack-wrapper h2{margin:0 0 4rem}#tech-stack-container{margin:0 auto;display:flex;flex-wrap:wrap;gap:2rem;max-width:330px;column-gap:3rem;justify-content:space-between}#tech-stack-container .tech-container{position:relative;display:flex;justify-content:center}#tech-stack-container .tech-container:hover img{transform:translateY(-13px)}#tech-stack-container .tech-container:hover p{transform:translateY(30px);opacity:1}#tech-stack-container img{transition:all .4s ease-in-out;margin:auto;filter:drop-shadow(2px 4px 6px #00000020) contrast(1.2)}#tech-stack-container .tech-p{font-size:.8rem;opacity:0;transition:all .4s ease-in-out;text-transform:capitalize;font-family:Azeret Mono;color:var(--accentLightPurple);position:absolute;transform:translateY(50px)}#projects-container{position:relative;z-index:2}#project-cards-container{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin:7rem auto 0;max-width:95%}main:has(#projects-container){min-height:50vh}#root:has(#landing-page){overflow:hidden}header{position:relative;z-index:2;padding:2rem 0 0;text-align:center}header #logo img{width:80px}.CTA-button{font-size:clamp(1.2rem,2vw,1.4rem);margin:1rem auto 4rem;background-color:transparent;padding:1rem 2rem;font-family:Azeret Mono;border:1px solid white;color:var(--accentLightPurple);border-radius:500px}.CTA-button:hover{cursor:pointer}.project-card-container{display:flex;flex-direction:column;color:var(--darkTheme08);overflow:hidden;max-height:300px;max-width:min-content;background-color:var(--transparentBG);border:none;text-align:start;border-radius:5px}.project-card-container:hover{cursor:pointer;background-color:var(--transparentBGhover)}.project-card-container:hover .card-details h2{color:var(--accentLightPink)}.project-card-container img{width:310px}.project-card-container .card-details{padding:1rem 1rem 2rem;line-height:1.6}.project-card-container h2{font-size:1rem;transition:color .2s}main:has(#landing-page){height:100vh;justify-content:center}#landing-page{z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center}#landing-page .content{position:relative}#landing-page p{max-width:500px;text-align:center;margin:0 0 2rem}#landing-page ul{display:flex}#landing-page ul li:not(:last-of-type){margin:0 20px 0 0}#landing-page nav{width:fit-content;margin:0 auto 2rem}#landing-page nav a{display:flex}#landing-page nav a svg{margin:0 10px 0 0}#landing-page #socials{display:flex;align-items:center;justify-content:center}#landing-page #socials p{margin:0 5px 0 0;color:var(--accentFadedPurple)}#landing-page #socials ul{display:flex}#landing-page #socials ul li:not(:last-of-type){margin:0 7px 0 0}header nav{width:fit-content;margin:0 auto}header nav ul{display:inline-flex;width:280px;justify-content:space-evenly;position:relative}header nav a.active{color:var(--accentLightPink)}#logo{margin:0 0 1rem;filter:drop-shadow(2px 4px 6px var(--accentDarkBlue))}#logo img{width:300px}main:has(#project-container){justify-content:start}#project-container{position:relative;margin-bottom:5rem;z-index:2;padding:2rem;max-width:1000px;width:100%}#project-container #preview{margin:0 0 1rem}#project-container #project-info{display:flex;gap:2rem;flex-direction:column;transition:opacity .3s}#project-container #project-info img{max-width:100%}#project-container .screenshot-container{margin-top:4rem}#project-container .screenshot-container>img{max-width:100%}#project-container .screenshot-container p{margin-bottom:1rem}#project-container .project-details{color:#fff}#project-container .project-details p{line-height:1.6;font-size:.9rem}#project-container .project-details h3{margin:0 0 1rem;font-size:2.8rem}#project-container .project-details .tags{margin:2rem 0 1rem;display:flex;gap:.5rem;flex-wrap:wrap}#project-container .project-details .tags li{text-align:center;padding:3px 5px;text-transform:uppercase;font-size:.8rem;background-color:#0c10206e;border-radius:2px}#project-container .options{width:100%;display:flex;justify-content:space-between;margin:0 0 2rem;filter:drop-shadow(2px 5px 5px #00000050)}#project-container .options button{background-color:transparent;border:none;text-decoration:underline;color:var(--accentFadedPurple);font-family:Azeret Mono;font-size:.8rem;display:flex;align-items:center;font-weight:700;text-underline-offset:5px;transition:color .2s ease-in-out}#project-container .options button:hover{color:var(--accentVeryLightPink);cursor:pointer}#project-container .options a{display:flex;align-items:center;font-size:.8rem}#project-container .links{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0 0}#project-container .links a{font-size:.9rem}#project-container .links svg{margin:0 5px 0 0}#about{z-index:2;max-width:800px;margin:4rem 0}#about #spinner-container{top:100px;position:relative}#about h1{font-size:clamp(1.8rem,5vw,3rem);max-width:800px;margin:4rem 0;color:var(--accentVeryLightPink);text-align:center;margin:0 auto;width:clamp(150px,80vw,615px)}#about img{filter:drop-shadow(5px 5px 4px #00000060)}#about #intro{display:grid;grid-template-columns:540px 1fr;grid-template-rows:200px 1fr}#about #intro h2{align-self:end;padding:clamp(5px,3vw,2rem) clamp(10px,7vw,3rem) clamp(5px,3vw,2rem) clamp(0px,4vw,2rem);font-size:1.2rem;line-height:1.5;font-weight:400;text-align:center;font-size:clamp(.8rem,3vw,1.2rem)}#about #intro p{margin:auto;padding:2rem 0 2rem 2rem;width:300px}#about #intro #portrait{width:200px;grid-row:1;grid-column:2;position:relative;top:40px;left:-40px;z-index:2;scale:1;width:clamp(70px,20vw,280px);border-radius:3px;transform-origin:top left}#about #intro #old_drawing{max-width:540px;grid-row:2 / span 2;grid-column:1;transform-origin:top center}#about #intro .intro-details{grid-column:2 / span 2;grid-row:2;margin:auto;display:flex;flex-direction:column;padding:2rem 0 2rem 2rem;gap:2rem}#about #current-status-container{text-align:center;padding:6rem 2rem 0}#about #current-status-container h3{font-size:clamp(1.8rem,5vw,2.8rem);color:var(--accentVeryLightPink)}#about #current-status-container h4{font-size:clamp(1.4rem,5vw,2.7rem);text-decoration:underline;text-underline-offset:5px}#about #current-status-container p{margin:2rem auto;width:420px}#about #about-me-container{margin:8rem 0;display:flex;justify-content:center;position:relative}#about #about-me-container #mini-me{position:absolute;width:200px;top:-7rem;left:6rem;z-index:2;transform-origin:top right}#about #about-me-container #a-little-bit-about-me-container{background-color:var(--transparentBG);padding:clamp(10px,10vw,2rem) clamp(10px,10vw,3rem);position:relative;width:clamp(200px,80vw,450px);left:100px}#about #about-me-container #a-little-bit-about-me-container h2{color:var(--accentMidPurple);margin:0 0 1rem;font-style:italic}#about #about-me-container #a-little-bit-about-me-container ul{max-width:380px;list-style-type:disc;list-style-position:inside}#about #about-me-container #a-little-bit-about-me-container ul li{font-size:clamp(.9rem,2vw,1.3rem)}#about #about-me-container #a-little-bit-about-me-container ul li:not(:last-of-type){margin:0 0 .3rem}#gallery-container{gap:.5rem;display:grid;margin:4rem 0;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;position:relative;z-index:2}#gallery-container h2{color:var(--accentFadedPurple);text-transform:capitalize}#gallery-container .category{display:flex;flex-direction:column;gap:.5rem}#gallery-container #spinner-container{position:absolute;justify-self:center;top:150px}#spinner-container{text-align:center;padding:1rem;margin:auto}#spinner-container p{margin:2rem 0 0}main:has(#contact-container){min-height:40vh}#contact-container{z-index:2;margin:auto;text-align:center}#contact-container h1{color:var(--accentFadedPurple);margin:0 0 1rem;font-size:clamp(1rem,4.5vw,2rem)}#contact-container #contact-actions-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}#contact-container #contact-actions-container button{margin:initial;display:flex;align-items:center;gap:1rem}#contact-container #socials{margin:4rem 0 0}#contact-container #socials ul{display:flex;justify-content:center;gap:.7rem}main:has(#error-container){width:100vw;height:70vh;align-items:center;justify-content:center}#error-container{background-color:var(--darkTheme02);width:fit-content;padding:2rem;text-align:center;width:clamp(140px,88vw,450px)}#error-container h2{line-height:1;margin:0 0 .3rem}#error-container a{margin:1rem 0 0;display:block}#error-container #logo{margin:0 auto 1rem;width:clamp(1rem,10vw,7rem)}@media only screen and (max-width: 935px){#gallery-container{grid-template-columns:1fr 1fr;grid-template-rows:calc(2165px + 2rem) auto}}@media only screen and (max-width: 625px){#gallery-container{grid-template-columns:1fr;grid-template-rows:auto}}@media only screen and (max-width: 903px){#about #intro{display:flex;flex-wrap:wrap;position:relative;padding:2rem;justify-content:center}#about #intro h2{align-self:center;width:clamp(100px,61vw,61vw)}#about #intro #portrait{position:relative;margin:0 0 2rem;align-self:center;scale:1.5;left:initial}#about #intro #old_drawing{max-width:100%;width:clamp(200px,82vw,700px);margin:0 auto}#about #intro p{text-align:center;width:clamp(200px,82vw,500px);padding:2rem 0}}@media only screen and (max-width: 800px){#about #about-me-container #mini-me{position:relative;top:1.5rem;left:initial;margin:0 auto;display:block}#about #about-me-container #a-little-bit-about-me-container{left:initial;text-align:center}}@media only screen and (max-width: 710px){#project-container #project-info{flex-direction:column-reverse}#project-container #project-info #preview{margin:2rem auto}#project-container .screenshot-container{margin:2rem 0 0}}@media only screen and (max-width: 335px){#about #intro h2{width:100%;padding:0}#about #intro #portrait{width:100%;scale:1;top:initial;margin:2rem 0}}.noise{background:linear-gradient(20deg,#17032fc9,#6a20cb26),url(https://grainy-gradients.vercel.app/noise.svg);filter:contrast(180%) brightness(60%);height:100%}.overlay{background:#ffe4b5;mix-blend-mode:multiply}.isolate{isolation:isolate;position:absolute;width:100%;top:0;left:0;z-index:0;height:101%}.aurora-container{width:100%;height:100%;position:absolute}#animatedlogo{width:331px;height:347px;position:relative;margin:0 0 2rem;filter:drop-shadow(2px 4px 10px rgba(0,0,0,.2))}#animatedlogo svg{position:absolute;overflow:visible}#athina_a_1{top:90px}#athina_t_1{top:8px;left:62px}#athina_t_2{left:37px;top:56px}#athina_h{left:103px;top:27px}#athina_i{left:150px;top:58px}#athina_i_x_1{left:152px;top:15px}#athina_i_x_2{left:152px;top:9px}#athina_n{left:197px;top:67px}#athina_a_2{left:268px;top:66px}#kantis_k_1{left:0;top:219px}#kantis_k_2{left:15px;top:219px}#kantis_a_1{left:81px;top:225px}#kantis_a_2{left:75px;top:264px}#kantis_n{left:143px;top:224px}#kantis_t_1{left:212px;top:215px}#kantis_t_2{left:202px;top:215px}#kantis_i{left:252px;top:222px}#kantis_i_x{left:262px;top:192px}#kantis_s_x{left:252px;top:334px}#kantis_s{left:260px;top:221px}#short_line{left:127px;top:192px}#long_line{left:99px;top:165px}.lazy-load-image-background.opacity{opacity:0}.lazy-load-image-background.opacity.lazy-load-image-loaded{opacity:1;transition:opacity .3s}