@font-face{font-family:__Poppins_657e4b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/034d78ad42e9620c-s.woff2) format("woff2");unicode-range:U+0900-097f,U+1cd0-1cf9,U+200c-200d,U+20a8,U+20b9,U+20f0,U+25cc,U+a830-a839,U+a8e0-a8ff,U+11b00-11b09}@font-face{font-family:__Poppins_657e4b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/fe0777f1195381cb-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Poppins_657e4b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/eafabf029ad39a43-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Poppins_Fallback_657e4b;src:local("Arial");ascent-override:92.33%;descent-override:30.78%;line-gap-override:8.79%;size-adjust:113.73%}.__className_657e4b{font-family:__Poppins_657e4b,__Poppins_Fallback_657e4b;font-weight:400;font-style:normal}.__variable_657e4b{--font-poppins:"__Poppins_657e4b","__Poppins_Fallback_657e4b"}@font-face{font-family:"__DM_Serif_Display_55e350";font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a9a5f1275b7cedad-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:"__DM_Serif_Display_55e350";font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8679c800f1e60000-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:"__DM_Serif_Display_Fallback_55e350";src:local("Times New Roman");ascent-override:93.52%;descent-override:30.24%;line-gap-override:0.00%;size-adjust:110.78%}.__className_55e350{font-family:"__DM_Serif_Display_55e350","__DM_Serif_Display_Fallback_55e350";font-weight:400;font-style:normal}.__variable_55e350{--font-dmSerifDisplay:"__DM_Serif_Display_55e350","__DM_Serif_Display_Fallback_55e350"}@font-face{font-family:__Lilita_One_9e221e;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c2051cb029835d00-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Lilita_One_9e221e;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/043945717efb3a31-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Lilita_One_Fallback_9e221e;src:local("Arial");ascent-override:96.77%;descent-override:23.07%;line-gap-override:0.00%;size-adjust:95.38%}.__className_9e221e{font-family:__Lilita_One_9e221e,__Lilita_One_Fallback_9e221e;font-weight:400;font-style:normal}.__variable_9e221e{--font-lilitaOne:"__Lilita_One_9e221e","__Lilita_One_Fallback_9e221e"}@font-face{font-family:HKGroteskWide;src:url(/_next/static/media/HKGroteskWide-Black.90352b80.woff2);font-display:swap;font-weight:900}html{box-sizing:border-box;font-family:var(--font-poppins),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;scroll-behavior:smooth}*,:after,:before{box-sizing:inherit}body{padding:0;margin:0 auto;overflow-x:hidden;background-color:#0e0012;color:#fff;max-width:1280px}h1,h2,h3,h4{margin:0}img{width:100%;height:auto}p{margin-block:1em;margin-block:1lh}.main-app{width:100%;margin:0 auto 1rem;padding:0 1rem;overflow:visible}.navbar-header{font-family:HKGroteskWide,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:5rem;z-index:100;position:fixed;top:0;left:0;right:0;background-color:rgba(14,0,18,.95);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.navbar-header,.navbar-header .navbar-header-container{display:flex;align-items:center;justify-content:space-between;margin:0 auto}.navbar-header .navbar-header-container{max-width:1280px;width:100%;padding:0 1rem}.navbar-header .navbar-aside{width:auto;height:auto}.navbar-header .navbar-aside img{width:70px;height:auto;transition:transform .2s ease-in-out}.navbar-header .navbar-aside img:hover{transform:scale(1.1)}.navbar-header button{display:none}.navbar-header .navbar-nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:5rem;width:-moz-fit-content;width:fit-content}.navbar-header .navbar-nav ul{width:100%;padding:0;margin:0;display:flex;justify-content:flex-end;align-items:center;gap:2rem}.navbar-header .navbar-nav ul a{text-decoration:none;color:#fff;transition:transform .2s ease,color .2s ease;width:-moz-fit-content;width:fit-content;text-wrap:nowrap}.navbar-header .navbar-nav ul a:hover{transform:scale(1.1);color:#ec5cff}.hero-container{margin-top:6rem;position:relative;border-radius:0;overflow:visible;background-color:#0e0012}.hero-container .hero-container-top{display:flex;align-items:center;justify-content:space-between;height:500px}.hero-container .hero-container-top .hero-container-top-left{width:70%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:2rem .5rem;gap:1rem}.hero-container .hero-container-top .hero-container-top-left h1{font-family:HKGroteskWide,--font-dmSerifDisplay,sans-serif;font-size:3rem;text-transform:uppercase;display:flex;flex-direction:column}.hero-container .hero-container-top .hero-container-top-left h1 span{font-family:HKGroteskWide,var(--font-dmSerifDisplay),sans-serif;color:#ec5cff;font-size:1.5rem;display:inline-block}.hero-container .hero-container-top .hero-container-top-left p{margin:0;width:80%;flex-grow:0;text-wrap:balance;font-size:.9rem}.hero-container .hero-container-top .hero-container-top-left a{margin-top:2rem;background-color:#220d24;color:#fff;text-align:center;min-width:30%;max-width:30%;border:2px solid rgba(71,27,77,.8);border-radius:5rem;padding:.8rem 0;font-family:var(--font-arimo);font-weight:400;font-size:.9rem;cursor:pointer;text-decoration:none;transition:background-color .2s ease-in-out,transform .2s ease-in-out}.hero-container .hero-container-top .hero-container-top-left a:hover{background-color:#ec5cff;transform:scale(1.05)}.hero-container .hero-container-top .hero-container-top-right{width:50%;height:100%;display:flex;align-items:flex-end;justify-content:flex-end;overflow:hidden;-webkit-mask-image:linear-gradient(0deg,transparent 5%,#0e0012 70%);mask-image:linear-gradient(0deg,transparent 5%,#0e0012 70%)}.hero-container .hero-container-top .hero-container-top-right img{width:440px;transition:all .2s ease-in-out}.hero-container .hero-container-top .hero-container-top-right img:hover{filter:grayscale(1);transform:scale(1.05)}.section-container{margin:2rem 0;width:100%;scroll-margin-top:5rem}.section-container .section-title{font-family:HKGroteskWide,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:5rem;display:flex;justify-content:center;align-items:center}.experience-container{display:flex;flex-direction:row;gap:1rem}.experience-container .experience-article{background:radial-gradient(ellipse at top,#471b4d 1%,transparent),radial-gradient(ellipse at bottom,#ec5cff40,transparent);padding:1rem;border-radius:1rem}.experience-container .experience-article>h4{font-size:1.2rem;color:#ec5cff}.experience-container .experience-article .experience-work-info{font-size:.9rem;display:flex;flex-direction:column}.experience-container .experience-article .experience-work-info .experience-workdate{color:#858585}.experience-container .experience-article .experience-work-info-list{font-size:.9rem;text-wrap:pretty,balance}.projects-projects{width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-gap:1rem;gap:1rem}@media (min-width:1024px){.projects-projects:has(.projects-card:hover) .projects-card{transition:all .3s ease-out;filter:opacity(.5) blur(1.5px) grayscale(100%)}.projects-projects:has(.projects-card:hover) .projects-card:hover{filter:opacity(1) blur(0) grayscale(0);z-index:50}.experience-container:has(.experience-article:hover) .experience-article{transition:all .3s ease-out;filter:opacity(.5) blur(1.5px) grayscale(100%)}.experience-container:has(.experience-article:hover) .experience-article:hover{filter:opacity(1) blur(0) grayscale(0);z-index:50}}.projects-card{width:100%;max-height:450px;display:flex;gap:1rem;border-radius:1rem;position:relative;transition:all .3s ease-out}.projects-card .last-project{position:absolute;background-color:#471b4d;color:#fff;border:2px solid #ec5cff;height:35px;width:140px;top:-10px;left:-12px;border-radius:.5rem;z-index:99;display:flex;align-items:center;justify-content:center}.projects-card .last-project p{font-size:.8rem;font-weight:700}.projects-card:first-child{grid-column:1/3}.projects-card:nth-last-child(2){grid-column:2/3;grid-row:2/3}.projects-card:nth-last-child(3){grid-column:1/1;grid-row:2/3}.projects-card:nth-child(4){grid-column:2/3;grid-row:2/3}.projects-card:last-child{grid-column:3/4;grid-row:2/3}.projects-card .projects-card-img{aspect-ratio:auto;width:100%}.projects-card .projects-card-img a{text-decoration:none}.projects-card .projects-card-img a span{position:absolute;width:100%;height:100%;border-radius:1rem}.projects-card .projects-card-img a img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:1rem;z-index:5;-webkit-mask-image:linear-gradient(0deg,transparent 1%,#000 10%);mask-image:linear-gradient(0deg,transparent 1%,#000 10%);transition:opacity .2s ease-in-out,scale .2s ease-in-out .2s}.projects-card .projects-card-info{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding-left:2rem;padding-bottom:1.5rem;text-wrap:pretty,balance;background:linear-gradient(0deg,#0e0012 15%,transparent);position:absolute;width:auto;left:-1px;right:-1px;top:-1px;bottom:-1px;border-radius:1rem}.projects-card .projects-card-info:hover .projects-card-info-container{opacity:1}.projects-card .projects-card-info .projects-card-info-container{opacity:.7}.projects-card .projects-card-info h3{color:#ec5cff;letter-spacing:0;font-size:1.2rem}.projects-card .projects-card-info p{width:100%;padding-right:1rem;flex-grow:0;text-wrap:balance;overflow-y:scroll;scrollbar-width:none;font-size:.9rem;margin-top:.2rem}.projects-card .projects-card-info .highlighted{color:#ec5cff;font-style:italic;font-weight:700;text-decoration:none}.projects-card .projects-card-info footer{width:-moz-fit-content;width:fit-content;display:flex;justify-content:flex-end;gap:.5rem;font-size:.8rem;position:absolute;top:.5rem;right:.5rem}.projects-card .projects-card-info footer a{display:flex;align-items:center;justify-items:center;text-align:center;background-color:#220d24;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid rgba(71,27,77,.8);border-radius:50%;text-decoration:none;color:#fff;transition:color .3s ease-in-out,background-color .3s ease-in-out,border .3s ease-in-out;width:40px;height:40px}.projects-card .projects-card-info footer a:hover{background-color:#ec5cff;border:2px solid #ec5cff}.projects-card .projects-card-info footer a svg{width:20px;margin:0 auto}.projects-card .project-techs-container{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.projects-card .project-techs-container .project-tech{display:flex;align-items:center;gap:.3rem;width:-moz-fit-content;width:fit-content;border-radius:1rem;padding:.1rem .5rem}.projects-card .project-techs-container .project-tech svg{width:20px;height:20px;border-radius:0;object-position:center;object-fit:cover}.projects-card .project-techs-container .project-tech p{font-size:.7rem;padding:0;margin:0;width:-moz-fit-content;width:fit-content}.about-me-container{display:grid;grid-template-columns:1fr 300px;grid-template-rows:auto auto;grid-gap:1.5rem;gap:1.5rem;font-size:.9rem}.about-me-container .about-me-container-section{background:radial-gradient(ellipse at top,#471b4d 1%,transparent),radial-gradient(ellipse at bottom,#ec5cff40,transparent);border-radius:1rem;grid-column:1/2;padding:1rem 2rem}.about-me-container .about-me-container-section>h2{font-family:HKGroteskWide,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-align:center;padding:1rem 0;font-size:1.5rem}.about-me-container .about-me-container-section img{animation:aboutme-movement 2s ease-in-out infinite alternate both}.about-me-container .about-me-container-section .vector-rocket{rotate:15deg}@keyframes aboutme-movement{0%{transform:translateY(20%)}to{transform:translateY(0)}}.about-me-container .about-me-container-section div{display:flex;align-items:center;gap:.8rem}.about-me-container .about-me-container-section div img{width:35px;filter:drop-shadow(5px 1px 3px rgba(0,0,0,.8))}.about-me-container .about-me-container-article-first{grid-column:2/3;background-color:rgba(71,27,77,.2);border-radius:1rem;padding:1rem 0;position:relative;overflow:hidden;max-height:auto}.about-me-container .about-me-container-article-first>h2{font-family:HKGroteskWide,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-align:center;padding:1rem 0;font-size:1.5rem}.about-me-container .about-me-container-article-first .hobbies-image{position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;height:auto;width:120%;opacity:20%;rotate:20deg;animation:hobbies-movement 2s ease-in-out infinite alternate both}@keyframes hobbies-movement{0%{transform:translateY(3%)}to{transform:translateY(0)}}.about-me-container .about-me-container-article-first .hobbies-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:100%;height:100%;grid-gap:.5rem;gap:.5rem;padding:.5rem;align-content:center;justify-content:center;align-items:center;justify-items:center;margin-top:.5rem}.about-me-container .about-me-container-article-first .hobbies-grid span{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;position:relative;border-radius:1rem;overflow:hidden;width:70px;transition:transform .2s ease-in-out;filter:saturate(80%)}.about-me-container .about-me-container-article-first .hobbies-grid span .shadow{width:100%;height:100%;position:absolute;inset:0;z-index:10;box-shadow:inset 2px 2px 35px #000}.about-me-container .about-me-container-article-first .hobbies-grid span img,.about-me-container .about-me-container-article-first .hobbies-grid span picture{transform:rotate(0deg);width:100%;height:100%;object-fit:cover;object-position:center;opacity:1}.about-me-container .about-me-container-article-first .hobbies-grid span:hover{transform:scale(1.05);filter:saturate(100%)}.about-me-container .about-me-container-article-second{grid-column:1/3;background-color:rgba(71,27,77,.2);border-radius:1rem}.about-me-container p{text-wrap:pretty}.about-me-container p span>a{color:#ec5cff;font-weight:700;text-decoration:none}.tech-stack-container{width:100%;border-radius:.5rem}.tech-stack-container article{display:flex;flex-direction:column;align-items:center;border-radius:0 0 .5rem .5rem}.tech-stack-container article h2{font-size:1.5rem}.tech-stack-container .tech-stack{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2rem;margin:1rem 0}.tech-stack-container svg{color:#fff;width:40px;height:40px;transition:filter .2s ease-in-out,transform .2s ease-in-out,background-color .2s ease-in-out;filter:opacity(.8)}.tech-stack-container svg:hover{transform:scale(1.2);filter:opacity(1)}.tech-stack-container .html-icon svg{color:#e44d26}.tech-stack-container .css-icon svg{color:#2299f8}.tech-stack-container .javascript-icon svg{color:#f0dc4e}.tech-stack-container .react-icon svg{color:#61dbfb}.tech-stack-container .typescript-icon svg{color:#2d79c7}.tech-stack-container .sass-icon svg{color:#cd669a}.tech-stack-container .tailwind-icon svg{color:#38bdf8}.tech-stack-container .nextjs-icon svg{background-color:#fff;border:1px solid #fff;border-radius:50%;color:#000}.tech-stack-container .node-icon svg{color:#43853d}.tech-stack-container .mysql-icon svg{color:#007195}.tech-stack-container img{color:#fff;width:40px;height:40px;object-fit:cover;object-position:center;transition:color,transform .2s ease-in-out,background-color .2s ease-in-out;filter:opacity(.7)}.tech-stack-container img:hover{transform:scale(1.2);filter:opacity(1)}.footer-container{height:70px;justify-content:center;border-top:1px solid #471b4d;border-bottom:1px solid #471b4d;padding:3rem 1rem}.footer-container,.footer-container .footer-info{width:100%;display:flex;align-items:center}.footer-container .footer-info div{display:flex;gap:2rem}.footer-container .footer-info div a{display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;gap:.5rem;transition:transform .2s ease-in-out,color .2s ease-in-out;font-family:HKGroteskWide;font-size:1.5em;font-style:italic}.footer-container .footer-info div a:hover{color:#ec5cff;transform:scale(1.1)}.footer-container .footer-logo{margin-top:8px;width:80px;transition:transform .2s ease-in-out}.footer-container .footer-logo:hover{transform:scale(1.1)}.footer-message p{font-size:.9rem;text-align:center;color:#7f2f8a}@media (max-width:576px){a,p{font-size:.9rem}.main-app{width:100%;margin:0 auto 1rem;padding:0 1rem;overflow:hidden}.navbar-header{position:fixed;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;height:5rem;z-index:100;margin:0;padding:0 1rem;background-color:#0e0012}.navbar-header .navbar-aside{width:auto;height:auto}.navbar-header .navbar-aside img{width:50px;height:auto;transition:none}.navbar-header .navbar-aside img:hover{transform:scale(1)}.navbar-header button{display:block;background-color:transparent;border:none;color:#fff}.navbar-header .navbar-nav{background-color:#0e0012;width:100%;min-height:100vh;position:fixed;top:5rem;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-start;gap:0;transition:transform .2s ease-in-out;transform:translateX(100%);padding-top:1rem}.navbar-header .navbar-nav.is-active{transform:translateX(0)}.navbar-header .navbar-nav ul{width:100%;padding:0;margin:1rem auto 0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;background-color:#0e0012}.navbar-header .navbar-nav ul a{text-decoration:none;font-weight:400;color:#fff;transition:none}.navbar-header .navbar-nav ul a:hover{transform:scale(1);color:#fff}.navbar-header .navbar-nav .navbar-nav-social{width:100%;display:flex;justify-content:center;align-items:flex-start;gap:3rem;background-color:#0e0012;padding-top:3rem}.navbar-header .navbar-nav .navbar-nav-social a{color:#fff;fill:#fff;transition:none}.navbar-header .navbar-nav .navbar-nav-social a:hover{transform:scale(1);color:#fff}.hero-container{position:relative;border-radius:.5rem;overflow:hidden;margin-top:6rem}.hero-container .hero-container-top{height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-container .hero-container-top .hero-container-top-left{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:1rem 0}.hero-container .hero-container-top .hero-container-top-left h1{font-size:2.3rem;text-align:center}.hero-container .hero-container-top .hero-container-top-left h1 span{color:#ec5cff;display:block}.hero-container .hero-container-top .hero-container-top-left p{margin:0;padding:0 1rem;width:100%;text-align:center}.hero-container .hero-container-top .hero-container-top-left a{background-color:#0e0012;color:#fff;text-align:center;min-width:40%;border:2px solid rgba(71,27,77,.8);border-radius:5rem;padding:.8rem 1rem;font-family:var(--font-arimo);font-weight:400;letter-spacing:0;font-size:.8rem;cursor:pointer;transition:none;margin-top:0}.hero-container .hero-container-top .hero-container-top-left a:hover{background-color:#0e0012}.hero-container .hero-container-top .hero-container-top-right{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:flex-end;overflow:hidden}.hero-container .hero-container-top .hero-container-top-right img{width:100%;max-width:350px;transition:none}.hero-container .hero-container-top .hero-container-top-right img:hover{transform:none;filter:none}.section-container{margin:2rem auto;width:100%;scroll-margin-top:5rem}.section-container .section-title{height:5rem;display:flex;justify-content:center;align-items:center}.section-container .section-title h2{font-size:1.2rem}.experience-container{display:flex;flex-direction:column;gap:1rem}.experience-container .experience-article>h4{font-size:1.1rem}.experience-container .experience-work-info-list{font-size:.7rem}.projects-projects{gap:2rem;padding:0}.projects-card,.projects-projects{width:100%;display:flex;flex-direction:column}.projects-card{max-height:100%;gap:0;border-radius:0;transition:transform .2s ease-out;background-color:#0e0012;border-radius:.5rem;text-decoration:none;outline:1px dotted #471b4d;box-shadow:0 10px 10px 0 rgba(71,27,77,.3)}.projects-card:hover{transform:scale(1);z-index:50}.projects-card .projects-card-img{width:100%;position:relative}.projects-card .projects-card-img a{text-decoration:none}.projects-card .projects-card-img a img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:.5rem}.projects-card .projects-card-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:.8rem;text-wrap:pretty,balance;background-color:#0e0012;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);position:relative;width:100%;left:0;right:0;top:0;bottom:0;opacity:1;visibility:visible;transition:none}.projects-card .projects-card-info .projects-card-info-container{opacity:1}.projects-card .projects-card-info h3{color:#ec5cff;letter-spacing:.5px}.projects-card .projects-card-info p{width:100%;padding-right:1rem;flex-grow:1;text-wrap:pretty,balance;overflow-y:scroll;scrollbar-width:none}.projects-card .projects-card-info footer{margin-top:1rem;width:100%;display:flex;gap:1rem;display:none}.projects-card .projects-card-info footer a{display:flex;align-items:center;justify-items:center;gap:4px;padding:0 1rem;border-radius:5rem;text-decoration:none;color:#fff;transition:background-color .3s ease-in-out;text-wrap:pretty,balance;letter-spacing:.5px;font-size:.7rem}.projects-card .projects-card-info footer a:hover{background-color:#220d24}.projects-card .projects-card-info footer a svg{width:20px}.about-me-container{display:grid;grid-template-columns:100%;grid-template-rows:auto;grid-gap:1.5rem;gap:1.5rem}.about-me-container .about-me-container-section{background:radial-gradient(ellipse at top,#471b4d 10%,transparent),radial-gradient(ellipse at bottom,#ec5cff40,transparent);border-radius:1rem;grid-column:1/1;padding:.5rem 1rem}.about-me-container .about-me-container-section>h2{font-family:HKGroteskWide,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-align:center;font-size:1.2rem}.about-me-container .about-me-container-section img{animation:aboutme-movement 2s ease-in-out infinite alternate both}.about-me-container .about-me-container-section .vector-rocket{rotate:15deg}@keyframes aboutme-movement{0%{transform:translateY(20%)}to{transform:translateY(0)}}.about-me-container .about-me-container-section div{display:flex;align-items:center;gap:.8rem}.about-me-container .about-me-container-section div img{width:30px;filter:drop-shadow(5px 1px 3px rgba(0,0,0,.8))}.about-me-container .about-me-container-article-first{grid-column:auto;background-color:rgba(71,27,77,.2);border-radius:1rem;padding:1rem 0;position:relative;overflow:hidden;max-height:450px}.about-me-container .about-me-container-article-first>h2{font-family:HKGroteskWide,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-align:center;font-size:1.2rem}.about-me-container .about-me-container-article-first .hobbies-image{position:absolute;z-index:-1;top:-3rem;left:1rem;right:0;bottom:0;height:auto;width:110%;opacity:20%;rotate:20deg;animation:hobbies-movement 2s ease-in-out infinite alternate both}@keyframes hobbies-movement{0%{transform:translateY(3%)}to{transform:translateY(0)}}.about-me-container .about-me-container-article-first .hobbies-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);width:100%;height:100%;grid-gap:1rem;gap:1rem;padding:.5rem;align-content:center;justify-content:center;align-items:center;justify-items:center;margin-top:.5rem}.about-me-container .about-me-container-article-first .hobbies-grid span{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;position:relative;border-radius:1rem;overflow:hidden;width:50px;transition:transform .2s ease-in-out;filter:saturate(100%)}.about-me-container .about-me-container-article-first .hobbies-grid span .shadow{width:100%;height:100%;position:absolute;inset:0;z-index:10;box-shadow:inset 2px 2px 35px #000}.about-me-container .about-me-container-article-first .hobbies-grid span img,.about-me-container .about-me-container-article-first .hobbies-grid span picture{transform:rotate(0deg);width:100%;height:100%;object-fit:cover;object-position:center;opacity:1}.about-me-container .about-me-container-article-first .hobbies-grid span:hover{transform:scale(1);filter:saturate(100%)}.about-me-container .about-me-container-article-second{grid-column:auto;background-color:rgba(71,27,77,.2);border-radius:1rem}.about-me-container p span>a{color:#ec5cff;font-weight:700;text-decoration:none}.about-me-container p{margin:.3rem auto;padding:.8rem .5rem;width:100%;text-wrap:pretty}.about-me-container .contact,.about-me-container .thanks{text-wrap:pretty;text-align:center}.tech-stack-container{width:100%;border-radius:.5rem}.tech-stack-container article{display:flex;flex-direction:column;align-items:center;border-radius:0 0 .5rem .5rem;padding:1rem}.tech-stack-container .tech-stack{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin:1rem 0;flex-wrap:wrap}.tech-stack-container svg{color:#fff;width:30px;height:30px;transition:color,transform .2s ease-in-out,background-color .2s ease-in-out;filter:grayscale(0)}.tech-stack-container svg:hover{transform:scale(1);filter:grayscale(0)}.tech-stack-container img{color:#fff;width:30px;height:30px;object-fit:cover;object-position:center;transition:color,transform .2s ease-in-out,background-color .2s ease-in-out;filter:grayscale(0)}.tech-stack-container img:hover{transform:scale(1);filter:grayscale(0)}.footer-container{min-height:250px;justify-content:space-center;margin:0;padding:0;gap:0}.footer-container,.footer-container .footer-info{width:100%;display:flex;flex-direction:column;align-items:center}.footer-container .footer-info{margin-top:0}.footer-container .footer-info div{display:flex;flex-direction:column;gap:2rem}.footer-container .footer-info div a{display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;gap:.5rem;transition:transform .2s ease-in-out,color .2s ease-in-out;font-family:HKGroteskWide;font-size:1.2rem;font-style:italic}.footer-container .footer-info div a:hover{color:#ec5cff;transform:scale(1.1)}.footer-container .footer-logo{display:none;width:50px;transition:transform .2s ease-in-out;margin-bottom:0}.footer-container .footer-logo:hover{transform:scale(1.1)}.footer-message p{font-size:.8rem;text-align:center}}@media (min-width:576px) and (max-width:1023px){.hero-container{position:relative;border-radius:.5rem;overflow:hidden;background-color:#0e0012}.hero-container .hero-container-top{display:flex;align-items:center;justify-content:space-between;height:500px}.hero-container .hero-container-top .hero-container-top-left{width:80%;height:100%;display:flex;flex-direction:column;align-items:flex-start;padding:2rem .5rem;gap:1rem}.hero-container .hero-container-top .hero-container-top-left h1{font-size:2.5rem}.hero-container .hero-container-top .hero-container-top-left h1 span{color:#ec5cff;font-size:1.6rem;display:inline-block}.hero-container .hero-container-top .hero-container-top-left p{margin:0;width:80%;flex-grow:0;text-wrap:pretty,balance}.hero-container .hero-container-top .hero-container-top-left a{margin-top:1rem;background-color:#220d24;color:#fff;text-align:center;min-width:35%;max-width:35%;border:2px solid rgba(71,27,77,.8);border-radius:5rem;padding:.7rem 0;font-family:var(--font-arimo);font-weight:400;cursor:pointer;text-decoration:none;transition:background-color .3s ease}.hero-container .hero-container-top .hero-container-top-left a:hover{background-color:#ec5cff}.hero-container .hero-container-top .hero-container-top-right{width:50%;height:100%;display:flex;align-items:flex-end;justify-content:flex-end;overflow:hidden;-webkit-mask-image:linear-gradient(0deg,transparent 5%,#0e0012 70%);mask-image:linear-gradient(0deg,transparent 5%,#0e0012 70%)}.hero-container .hero-container-top .hero-container-top-right img{position:relative;top:-2rem;right:-4rem;width:400px;transition:all .2s ease-in-out}.hero-container .hero-container-top .hero-container-top-right img:hover{filter:grayscale(1);transform:scale(1.05)}.projects-projects{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;gap:1rem;padding:0}.projects-card{width:45%;max-height:100%;display:flex;flex-direction:column;gap:0;border-radius:0;transition:transform .2s ease-out;background-color:#0e0012;border-radius:.5rem;text-decoration:none;border:2px solid rgba(71,27,77,.8)}.projects-card:hover{transform:scale(1);z-index:50}.projects-card .projects-card-img{width:100%;position:relative}.projects-card .projects-card-img a{text-decoration:none}.projects-card .projects-card-img a img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:.5rem}.projects-card .projects-card-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:.8rem;text-wrap:pretty,balance;background-color:#0e0012;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);position:relative;width:100%;left:0;right:0;top:0;bottom:0;opacity:1;visibility:visible;transition:none}.projects-card .projects-card-info .projects-card-info-container{opacity:1}.projects-card .projects-card-info h3{color:#ec5cff;letter-spacing:.5px;font-size:1.2rem}.projects-card .projects-card-info p{width:100%;padding-right:1rem;flex-grow:1;text-wrap:pretty,balance;overflow-y:scroll;scrollbar-width:none;font-size:.9rem}.projects-card .projects-card-info footer{margin-top:1rem;width:100%;display:flex;gap:1rem;display:none}.projects-card .projects-card-info footer a{display:flex;align-items:center;justify-items:center;gap:4px;padding:0 1rem;border-radius:5rem;text-decoration:none;color:#fff;transition:background-color .3s ease-in-out;text-wrap:pretty,balance;letter-spacing:.5px;font-size:.7rem}.projects-card .projects-card-info footer a:hover{background-color:#220d24}.projects-card .projects-card-info footer a svg{width:20px}.about-me-container{display:grid;grid-template-columns:100%;grid-template-rows:auto;grid-gap:1.5rem;gap:1.5rem}.about-me-container .about-me-container-section{background:radial-gradient(ellipse at top,#471b4d 10%,transparent),radial-gradient(ellipse at bottom,#ec5cff40,transparent);border-radius:1rem;grid-column:1/1;padding:.5rem 1.5rem}.about-me-container .about-me-container-section img{animation:aboutme-movement 2s ease-in-out infinite alternate both}.about-me-container .about-me-container-section .vector-rocket{rotate:15deg}@keyframes aboutme-movement{0%{transform:translateY(20%)}to{transform:translateY(0)}}.about-me-container .about-me-container-section div{display:flex;align-items:center;gap:.8rem}.about-me-container .about-me-container-section div p{text-wrap:pretty}.about-me-container .about-me-container-section div img{width:30px;filter:drop-shadow(5px 1px 3px rgba(0,0,0,.8))}.about-me-container .about-me-container-section .thanks{text-align:center}.about-me-container .about-me-container-article-first{grid-column:auto;background-color:rgba(71,27,77,.2);border-radius:1rem;padding:1rem 0;position:relative;overflow:hidden;max-height:450px}.about-me-container .about-me-container-article-first>h2{font-family:HKGroteskWide,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-align:center;font-size:1.5rem}.about-me-container .about-me-container-article-first .hobbies-image{position:absolute;z-index:-1;top:-6rem;left:0;right:0;bottom:0;height:auto;width:60%;margin:0 auto;opacity:20%;rotate:20deg;animation:hobbies-movement 2s ease-in-out infinite alternate both}@keyframes hobbies-movement{0%{transform:translateY(3%)}to{transform:translateY(0)}}.about-me-container .about-me-container-article-first .hobbies-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);width:100%;height:100%;grid-gap:1rem;gap:1rem;padding:.5rem;align-content:center;justify-content:center;align-items:center;justify-items:center;margin-top:.5rem}.about-me-container .about-me-container-article-first .hobbies-grid span{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;position:relative;border-radius:1rem;overflow:hidden;width:60px;transition:transform .2s ease-in-out;filter:saturate(100%)}.about-me-container .about-me-container-article-first .hobbies-grid span .shadow{width:100%;height:100%;position:absolute;inset:0;z-index:10;box-shadow:inset 2px 2px 35px #000}.about-me-container .about-me-container-article-first .hobbies-grid span img,.about-me-container .about-me-container-article-first .hobbies-grid span picture{transform:rotate(0deg);width:100%;height:100%;object-fit:cover;object-position:center;opacity:1}.about-me-container .about-me-container-article-first .hobbies-grid span:hover{transform:scale(1);filter:saturate(100%)}.about-me-container .about-me-container-article-second{grid-column:auto;background-color:rgba(71,27,77,.2);border-radius:1rem}.about-me-container p{text-wrap:pretty}.about-me-container p span>a{color:#ec5cff;font-weight:700;text-decoration:none}.about-me-container p{margin:.3rem auto;padding:.8rem .5rem;width:100%;text-wrap:balance}.about-me-container p:nth-child(4),.about-me-container p:nth-child(5){text-wrap:balance;text-align:center}.tech-stack-container{width:100%;border-radius:.5rem}.tech-stack-container article{display:flex;flex-direction:column;align-items:center;border-radius:0 0 .5rem .5rem;padding:1rem}.tech-stack-container .tech-stack{display:flex;align-items:center;justify-content:center;gap:2rem;margin:1rem 0;flex-wrap:wrap}.tech-stack-container svg{color:#fff;width:50px;height:50px;transition:color,transform .2s ease-in-out,background-color .2s ease-in-out;filter:grayscale(0)}.tech-stack-container svg:hover{transform:scale(1);filter:grayscale(0)}.tech-stack-container img{color:#fff;width:50px;height:50px;object-fit:cover;object-position:center;transition:color,transform .2s ease-in-out,background-color .2s ease-in-out;filter:grayscale(0)}.tech-stack-container img:hover{transform:scale(1);filter:grayscale(0)}.footer-container{min-height:350px;justify-content:space-between;border-top:1px solid #ec5cff;border-bottom:1px solid #ec5cff;margin:0;padding:0}.footer-container,.footer-container .footer-info{width:100%;display:flex;flex-direction:column;align-items:center}.footer-container .footer-info{margin-top:2rem}.footer-container .footer-info div{display:flex;flex-direction:column;gap:2rem}.footer-container .footer-info div a{display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;gap:.5rem;transition:transform .2s ease-in-out,color .2s ease-in-out;font-family:HKGroteskWide;font-size:2rem;font-style:italic}.footer-container .footer-info div a:hover{color:#ec5cff;transform:scale(1.1)}.footer-container .footer-logo{width:50px;transition:transform .2s ease-in-out;margin-bottom:2rem}.footer-container .footer-logo:hover{transform:scale(1.1)}.footer-message p{font-size:.9rem;text-align:center;color:#ec5cff}}