@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap);:root{--color-background:#101114;--color-surface:#1c1d21e0;--color-surface-raised:#24252a;--color-text:#f4f0e8;--color-muted:#c4beb2;--color-accent:#e5bd78;--color-accent-dark:#b98a47;--color-border:#e5bd7838;--content-width:1120px;--radius-card:18px;--shadow-card:0 16px 45px #00000047}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body,html{min-width:320px}body{-webkit-font-smoothing:antialiased;background:#101114 url(/static/media/background.b8f6de54de5143130a06.png) 50%/cover fixed;background:var(--color-background) url(/static/media/background.b8f6de54de5143130a06.png) center /cover fixed;color:#f4f0e8;color:var(--color-text);font-family:DM Sans,sans-serif;line-height:1.65;margin:0}body:before{background:#0c0d0fd1;content:"";inset:0;position:fixed;z-index:-1}img,video{display:block;max-width:100%}a{color:inherit}h1,h2,h3{font-family:Space Grotesk,sans-serif;line-height:1.15;margin:0}h1{font-size:clamp(2rem,5vw,3.5rem)}h1,h2{color:#e5bd78;color:var(--color-accent)}h2{font-size:clamp(1.15rem,2vw,1.5rem)}p{margin:0}button,input,textarea{font:inherit}::selection{background:#e5bd78;background:var(--color-accent);color:#17130e}:focus-visible{outline:3px solid #e5bd78;outline:3px solid var(--color-accent);outline-offset:3px}.container{margin:3.5rem auto;text-align:center;width:min(1120px,calc(100% - 2.5rem));width:min(var(--content-width),calc(100% - 2.5rem))}@media (max-width:600px){.container{margin:2.5rem auto;width:min(100% - 2rem,1120px);width:min(100% - 2rem,var(--content-width))}}.App{text-align:center}.contact{align-items:center;display:flex;justify-content:center}.contact form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:flex;flex-direction:column;padding:clamp(1.25rem,4vw,2.5rem);text-align:left;width:min(100%,620px)}.contact form h2{margin-bottom:.75rem;text-align:center}.contact .input-box{margin-top:1rem}.contact label{color:var(--color-muted);display:block;font-weight:600;margin-bottom:.45rem}.input-box .field{background:#0a0a0c73;border:1px solid #fff3;border-radius:10px;color:var(--color-text);min-height:50px;outline:none;padding:.8rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input-box .field:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #e5bd7826}.input-box .field::placeholder{color:#928d84}.input-box .field.mess{min-height:170px;resize:vertical}.contact form button{background:var(--color-accent);border:0;border-radius:10px;color:#1a1712;cursor:pointer;font-weight:700;margin-top:1.25rem;min-height:52px;transition:background-color .2s ease,transform .2s ease}.contact form button:hover{background:#f1d29c;transform:translateY(-2px)}.contact .formStatus{color:var(--color-muted);margin-top:1rem;text-align:center}.linksTile{margin-top:1.5rem}.homeContainer{align-items:center;display:flex;flex-direction:column;gap:clamp(2rem,6vw,4rem);margin:clamp(3rem,8vw,6rem) auto;padding:0 1rem}.homeTextAlligner{width:min(100%,680px)}.homeText{text-align:center;width:100%}.homeText h1{margin:.35rem 0 .65rem}.homeText h2{color:var(--color-muted)}.homeContainer ul{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;list-style:none;margin:0;padding:0}.homeContainer li{border-radius:999px}.aboutMeContainer{display:flex;flex-direction:column;gap:3rem;margin-top:3rem}.aboutPage{animation:content-arrive .55s cubic-bezier(.2,.7,.2,1) both;margin:0 auto;text-align:left;text-align:initial;width:min(100%,1000px)}#aboutMeText{align-items:center;display:flex;flex-direction:column;gap:2rem}.aboutMeAligner{grid-gap:clamp(2rem,6vw,5rem);align-items:center;display:grid;gap:clamp(2rem,6vw,5rem);grid-template-columns:minmax(220px,340px) minmax(0,1fr);text-align:left;width:100%}.aboutMeAligner>div:first-child{width:100%}.aboutMeDetails{min-width:0}.aboutMeInfoPlanes{display:flex;justify-content:flex-start;width:100%}.aboutMePlane{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);min-width:180px;padding:1.25rem}#aboutMeDescription{margin-top:1.5rem;max-width:520px;text-align:left}#aboutMeDescription p{color:var(--color-muted);margin-top:.75rem}@media (max-width:700px){.aboutMeAligner{gap:2rem;grid-template-columns:minmax(0,1fr);justify-items:center}.aboutMeAligner>div:first-child{width:min(100%,340px)}.aboutMeDetails{width:100%}.aboutMeAligner h2,.aboutMeAligner p{text-align:center}.aboutMeInfoPlanes{justify-content:center}#aboutMeDescription{margin:1.5rem auto 0;text-align:center}}@media (prefers-reduced-motion:reduce){.aboutPage{animation:none}}#projectsTitle{margin-bottom:2rem}.projects,.projectsContainer{justify-content:center;width:100%}.projects ul{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));list-style:none;margin:0 auto;padding:0;width:min(100%,var(--content-width))}.project{min-width:0}.projectTileLink{--tilt-x:0deg;--tilt-y:0deg;border-radius:var(--radius-card);display:block;height:100%;perspective:900px;text-decoration:none}.projectImg{aspect-ratio:4/5;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden;position:relative;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .18s ease-out,border-color .25s ease,box-shadow .25s ease}.projectCover{height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s ease;width:100%}.itchBadge{aspect-ratio:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121315d1;border:1px solid #e5bd78a6;border-radius:13px;box-shadow:0 5px 18px #00000059;display:grid;place-items:center;position:absolute;right:.75rem;top:.75rem;width:42px;z-index:2}.itchBadge img{height:25px;object-fit:contain;width:25px}.projectTileLink:focus-visible .projectImg,.projectTileLink:hover .projectImg{border-color:#e5bd78bf;box-shadow:0 24px 70px #00000073,0 0 24px #e5bd7821}.projectTileLink:focus-visible .projectCover,.projectTileLink:hover .projectCover{filter:saturate(.72) brightness(.72);transform:scale(1.08)}.content{align-items:center;background:linear-gradient(0deg,#0a0a0cdb,#0a0a0c1f);color:#fff;display:flex;flex-direction:column;gap:.55rem;inset:0;justify-content:center;opacity:0;padding:clamp(1rem,3vw,2rem);position:absolute;text-align:center;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}.projectTileLink:focus-visible .content,.projectTileLink:hover .content{opacity:1;transform:translateY(0)}.content h2{color:#fff;font-size:clamp(1.35rem,2.5vw,1.9rem);text-shadow:0 2px 18px #000000b3}.content p{color:#eee}.projectTechnologyIcons{align-items:center;display:flex;gap:.7rem;justify-content:center;margin-top:.35rem}.projectTechnologyIcons img{background:#111214b3;border:1px solid #ffffff40;border-radius:10px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.4));height:34px;object-fit:contain;padding:5px;width:34px}.projectText{border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:1.25rem;text-align:left;width:100%}.projectSkills,.projectText{background:var(--color-surface)}.projectSkills{border-radius:12px;display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.projectIcon{height:28px;object-fit:contain;width:28px}.projectInfoContainer{display:flex;flex-direction:column;gap:1rem}.ProjectPageContainer,.sProjectContainer{align-items:center;display:flex;flex-direction:column;gap:2rem;width:100%}.projectPageTitle{max-width:100%;overflow-wrap:anywhere;text-align:center}.itchProjectLink{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-card);color:var(--color-text);display:inline-flex;font-weight:600;gap:.65rem;justify-content:center;padding:.7rem 1.15rem;text-decoration:none;transition:transform .2s ease,border-color .2s ease,color .2s ease}.itchProjectLink img{height:24px;object-fit:contain;width:24px}.itchProjectLink:focus-visible,.itchProjectLink:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}.sProjectContainer>div:first-child{margin-bottom:0!important}.sProjectInformationHolders{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));width:100%}.sProjectContent{grid-gap:clamp(1rem,3vw,2.5rem);align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:grid;gap:clamp(1rem,3vw,2.5rem);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);padding:clamp(1rem,4vw,2.5rem);width:100%}.sProjectTextContent{align-items:stretch;display:flex;flex-direction:column;gap:1.5rem;padding:0;width:100%}.sProjectTextContent p{color:var(--color-muted);text-align:left}.sProjectTextContent>div:nth-child(2){align-items:flex-start!important;gap:.75rem}.smallProjectInfoTileContainer{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.smallProjectInfoTileContainerInner{align-items:center;background:#00000040;border:1px solid var(--color-border);border-radius:14px;display:flex;justify-content:center;min-height:90px;padding:.75rem}.smallProjectInfoTile{align-items:center;display:flex;flex-direction:column;gap:.35rem;text-align:center}.smallProjectInfoTile p{color:var(--color-muted)}.sProjectVideoContainer{min-width:0}.sProjectVideoContainer img,.sProjectVideoContainer video{aspect-ratio:16/9;background:#09090a;border-radius:14px;object-fit:cover;width:100%}.boxShadow{align-items:center;background:#00000040;border:1px solid var(--color-border);border-radius:14px;display:flex;gap:1rem;justify-content:center;min-height:90px;padding:.75rem;width:100%}.gifShowcase{align-self:start;background:#09090a;border-radius:var(--radius-card);box-shadow:var(--shadow-card);min-width:0;overflow:hidden;position:relative}.gifShowcase>div{position:relative;width:100%}.gifShowcase img{height:auto;object-fit:contain;width:100%}.gifInformationContent{align-items:center;background:#0a0a0cd6;color:#fff;display:flex;flex-direction:column;gap:clamp(.2rem,1vw,.55rem);inset:0;justify-content:center;opacity:0;overflow-y:auto;padding:clamp(.5rem,2vw,1rem);position:absolute;scrollbar-color:#e5bd78a6 #0000;scrollbar-width:thin;text-align:center;transition:opacity .25s ease}.gifShowcase:focus-within .gifInformationContent,.gifShowcase:hover .gifInformationContent{opacity:1}.gifInformationContent h2{font-size:clamp(.85rem,1.6vw,1.2rem);line-height:1.2;max-width:100%;overflow-wrap:anywhere}.gifShowcase p{color:#eee;font-size:clamp(.68rem,1.05vw,.9rem);line-height:1.4;max-width:45ch;overflow-wrap:anywhere}.pictureGallery{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));width:100%}.showcasePicture{align-self:start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.showcasePicture img{height:auto;object-fit:contain;width:100%}.SneakPeak{display:flex;justify-content:center;width:100%}.SneakPeak img{border-radius:var(--radius-card);width:min(100%,800px)}.ProjectPageContainerPictures ul{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;margin:0;padding:0}.ProjectPageContainerPictures img{border-radius:14px;width:100%}.ProjectPageContainerIcons{align-items:center;display:flex;flex-direction:column}.ProjectPageContainerIcons img{border-radius:50%;width:min(100%,200px)}#MiniMeVid video{border-radius:14px;width:100%}@media (max-width:760px){.sProjectContent,.sProjectInformationHolders{grid-template-columns:1fr}}@media (max-width:480px){.projects ul{grid-template-columns:1fr}}@media (hover:none){.content,.gifInformationContent{opacity:1;transform:none}}.skills{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:1.5rem auto;width:min(100%,780px)}.skillTile{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:.85rem;justify-content:center;min-height:210px;min-width:0;padding:1.25rem;transition:transform .2s ease,border-color .2s ease}.skillTile:hover{border-color:#e5bd7899;box-shadow:0 24px 55px #0006,0 0 22px #e5bd781a;transform:translateY(-6px) rotate(-1deg)}.skills img{height:105px;object-fit:contain;width:min(100%,130px)}.skillTexts{text-align:center}@media (max-width:520px){.skills{gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.skillTile{min-height:160px;padding:.8rem}.skills img{height:80px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important}}.navContainer{display:flex;justify-content:center;padding:1.5rem 1rem 0;width:100%}.nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#191a1de0;border:1px solid var(--color-border);border-radius:999px;box-shadow:var(--shadow-card);max-width:100%;padding:.35rem;width:-webkit-max-content;width:max-content}.nav ul{align-items:center;display:flex;gap:.25rem;justify-content:center;list-style:none;margin:0;padding:0}.nav li{border-radius:999px;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.nav a{color:var(--color-muted);display:block;font-size:.95rem;font-weight:600;padding:.65rem clamp(.75rem,2.6vw,1.4rem);text-decoration:none}.nav li.active,.nav li:hover{background:var(--color-accent);box-shadow:0 0 22px #e5bd7833}.nav li:hover{transform:translateY(-2px)}.nav li.active a,.nav li:hover a{color:#1a1712}@media (max-width:420px){.navContainer{padding-inline:.5rem}.nav a{font-size:.82rem;padding:.55rem .65rem}}.profilePicture{aspect-ratio:1;border:4px solid #e5bd78bf;border-radius:50%;box-shadow:0 18px 55px #0000006b;object-fit:cover;width:clamp(190px,32vw,300px)}.aboutMePicture{border-radius:var(--radius-card);box-shadow:var(--shadow-card);width:min(100%,340px)}.linkTile a{aspect-ratio:1;background:linear-gradient(145deg,#32302bf5,#18191cfa);border:1px solid #e5bd7880;border-radius:20px;box-shadow:0 8px 24px #0000004d,inset 0 1px #ffffff14;display:grid;place-items:center;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease;width:68px}.linkTile img{aspect-ratio:1;filter:brightness(1.2) contrast(1.08);object-fit:contain;transition:transform .22s ease,filter .22s ease;width:34px}.linkTile a:focus-visible,.linkTile a:hover{border-color:var(--color-accent);box-shadow:0 12px 32px #0006,0 0 22px #e5bd7833;transform:translateY(-4px)}.linkTile a:focus-visible img,.linkTile a:hover img{filter:brightness(1.35) contrast(1.08);transform:scale(1.12)}.linksTile{align-items:center;display:flex;gap:1rem;justify-content:center}.contact,.homeContainer,.skills,main.container{animation:content-arrive .55s cubic-bezier(.2,.7,.2,1) both}@keyframes content-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.contact,.homeContainer,.skills,main.container{animation:none}}
/*# sourceMappingURL=main.a3ab76b3.css.map*/