:root{--global--horizontal--padding: clamp(1.75rem, 3vw, 30rem);--global--vertical--padding: clamp(1.5rem, 1vw, 2rem)}@font-face{font-family:Manrope;src:url(/_astro/manrope.Dy0jyoUL.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html{font-size:clamp(16px,1.5vw,32px)}body{z-index:0;color:#fff;font-family:Manrope,sans-serif;height:100%;width:100%;position:relative}header{padding:var(--global--vertical--padding) var(--global--horizontal--padding)}main{display:flex;flex-direction:column;align-items:center;padding:0 var(--global--horizontal--padding)}@media (min-width: 400px) and (max-width: 599px){html{font-size:19px}:root{--global--horizontal--padding: 3rem;--global--vertical--padding: 2rem}header{padding:var(--global--vertical--padding) var(--global--horizontal--padding)}main{padding:0 var(--global--horizontal--padding)}}@media (min-width: 600px) and (max-width: 899px){html{font-size:22px}:root{--global--horizontal--padding: 6rem;--global--vertical--padding: 2rem}header{padding:var(--global--vertical--padding) var(--global--horizontal--padding)}main{padding:0 var(--global--horizontal--padding)}}@media (min-width: 900px) and (max-width: 1199px){html{font-size:24px}:root{--global--horizontal--padding: 10rem;--global--vertical--padding: 2rem}header{padding:var(--global--vertical--padding) var(--global--horizontal--padding)}main{padding:0 var(--global--horizontal--padding)}}@media (min-width: 1200px) and (max-width: 1599px){:root{--global--horizontal--padding: 15rem;--global--vertical--padding: 2rem}header{padding:var(--global--vertical--padding) var(--global--horizontal--padding)}main{padding:0 var(--global--horizontal--padding)}html{font-size:26px}}@media (min-width: 1600px) and (max-width: 1999px){:root{--global--horizontal--padding: 15rem;--global--vertical--padding: 2rem}html{font-size:32px}header{padding:var(--global--vertical--padding) var(--global--horizontal--padding)}main{padding:0 var(--global--horizontal--padding)}}@media (min-width: 2000px) and (max-width: 2400px){:root{--global--horizontal--padding: 20rem;--global--vertical--padding: 2rem}html{font-size:30px}header{padding:var(--global--vertical--padding) var(--global--horizontal--padding)}main{padding:0 var(--global--horizontal--padding)}}@media (min-width: 2401px) and (max-width: 3000px){:root{--global--horizontal--padding: 25rem;--global--vertical--padding: 2rem}html{font-size:34px}header{padding:var(--global--vertical--padding) var(--global--horizontal--padding)}main{padding:0 var(--global--horizontal--padding)}}@media (min-width: 3001px) and (max-width: 3500px){:root{--global--horizontal--padding: 30rem;--global--vertical--padding: 2rem}html{font-size:36px}header{padding:var(--global--vertical--padding) var(--global--horizontal--padding)}main{padding:0 var(--global--horizontal--padding)}}@media (min-width: 3501px) and (max-width: 4000px){:root{--global--horizontal--padding: 35rem;--global--vertical--padding: 2rem}html{font-size:38px}header{padding:var(--global--vertical--padding) var(--global--horizontal--padding)}main{padding:0 var(--global--horizontal--padding)}}.pixel-background[data-astro-cid-kw7xeqew]{position:fixed;top:0;left:0;width:100vw;height:100vh;height:-webkit-fill-available;min-height:100vh;z-index:-1;pointer-events:none;background-color:#0a0818;background:#0a0818;background-image:radial-gradient(circle at 15% 25%,#8a2be2 1px,transparent 1px),radial-gradient(circle at 85% 45%,#9400d3 1px,transparent 1px),radial-gradient(circle at 45% 75%,#4b0082 1px,transparent 1px),radial-gradient(circle at 75% 15%,#8a2be2 1px,transparent 1px),radial-gradient(circle at 25% 60%,#9370db 1px,transparent 1px),radial-gradient(circle at 60% 35%,#da70d6 1px,transparent 1px),radial-gradient(circle at 35% 85%,#8a2be2 1px,transparent 1px);background-size:300px 300px,250px 250px,280px 280px,320px 320px,150px 150px,180px 180px,200px 200px;background-repeat:repeat;background-attachment:fixed}.pixel-background[data-astro-cid-kw7xeqew]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;height:-webkit-fill-available;min-height:100vh;background-image:linear-gradient(90deg,transparent 6px,rgba(138,43,226,.8) 6px,transparent 7px),linear-gradient(transparent 6px,rgba(138,43,226,.8) 6px,transparent 7px);background-size:30px 30px;background-repeat:repeat;mask:radial-gradient(ellipse at center 55%,transparent 40%,black 85%);-webkit-mask:radial-gradient(ellipse at center 55%,transparent 40%,black 85%);image-rendering:pixelated;-webkit-image-rendering:pixelated}@media (max-width: 768px){.pixel-background[data-astro-cid-kw7xeqew]{background-image:radial-gradient(circle at 10px 10px,#8a2be2 1px,transparent 1px),radial-gradient(circle at 40px 40px,#9400d3 1px,transparent 1px),radial-gradient(circle at 70px 70px,#4b0082 1px,transparent 1px),radial-gradient(circle at 25px 60px,#9370db 1px,transparent 1px),radial-gradient(circle at 60px 25px,#da70d6 1px,transparent 1px),radial-gradient(circle at 45px 80px,#8a2be2 1px,transparent 1px);background-size:150px 150px,150px 150px,150px 150px,150px 150px,150px 150px,150px 150px;background-repeat:repeat}}@supports (-webkit-touch-callout: none){.pixel-background[data-astro-cid-kw7xeqew]{height:-webkit-fill-available;min-height:-webkit-fill-available}.pixel-background[data-astro-cid-kw7xeqew]:before{height:-webkit-fill-available;min-height:-webkit-fill-available}}html,body{background-color:#0a0818;margin:0;padding:0;height:100%}header{display:flex;justify-content:space-between;align-items:center;padding:var(--global--vertical--padding) var(--global--horizontal--padding)}.profile-picture-container{cursor:pointer}.profile-picture-container>img{width:2rem;height:2rem;border-radius:100%}.profile-picture-container>img:hover{transition:.1s;transform:scale(1.05)}header>p{font-weight:bolder;font-size:1rem;text-align:center}.contact-icon-container{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);box-shadow:inset 0 1px #ffffff1a,0 2px 8px #00000040;display:flex;justify-content:center;align-items:center;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,backdrop-filter .2s ease}.contact-icon-container:hover{background:linear-gradient(135deg,#ffffff0f,#ffffff06);backdrop-filter:blur(12px) saturate(170%);-webkit-backdrop-filter:blur(12px) saturate(170%);box-shadow:inset 0 1px #ffffff26,0 4px 12px #00000059;transform:scale(1.05)}.contact-icon-container>a>img{width:.813rem;height:.563rem}.contact-icon-container:hover{transform:scale(1.05);box-shadow:inset 0 1px #ffffff40,0 6px 15px #00000059;background:linear-gradient(135deg,#ffffff1f,#ffffff0f)}.introduction-section-container{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.438rem}.introduction-section-container h1{font-size:.8rem;font-weight:bolder}.introduction-section-container p{font-size:.663rem;font-weight:500;color:#fffc}.technology-card-container{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;font-weight:500;font-size:.725rem;margin-bottom:1.5rem}.technology-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;flex:1 1 calc((100% - 1rem) / 3);max-width:calc((100% - 1rem) / 3);padding:1.188rem 1.875rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#ffffff0d,#ffffff05);backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);box-shadow:inset 0 1px #ffffff1a,0 4px 12px #00000040;color:#fff;text-align:center;transform:translateZ(0);transition:box-shadow .35s ease,border-color .35s ease,background .35s ease,backdrop-filter .35s ease;position:relative;overflow:hidden}.technology-card:hover{box-shadow:inset 0 1px #ffffff26,0 6px 18px #00000059;border-color:#ffffff29;background:linear-gradient(135deg,#ffffff0f,#ffffff06);backdrop-filter:blur(12px) saturate(170%);-webkit-backdrop-filter:blur(12px) saturate(170%)}.technology-card>p{text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.3px}#html-icon{width:1.75rem;height:2.063rem}#css-icon{width:1.813rem;height:2rem}#javascript-icon{width:1.813rem;height:1.813rem}#typescript-icon,#react-icon,#nextjs-icon{width:2.063rem;height:2.063rem}.project-card-container{display:flex;flex-direction:column;gap:.563rem;justify-content:center;align-items:center;margin-bottom:2rem}.project-card{display:flex;flex-direction:column;gap:.5rem;padding:.875rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#ffffff0d,#ffffff05);backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);box-shadow:inset 0 1px #ffffff1a,0 4px 12px #00000040;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);position:relative;overflow:hidden;transform:translateZ(0);transition:box-shadow .35s ease,border-color .35s ease,background .35s ease,backdrop-filter .35s ease}.project-card:hover{box-shadow:inset 0 1px #ffffff26,0 6px 18px #00000059;border-color:#ffffff29;background:linear-gradient(135deg,#ffffff0f,#ffffff06);backdrop-filter:blur(12px) saturate(170%);-webkit-backdrop-filter:blur(12px) saturate(170%)}.project-title-link{text-decoration:underline;color:#fff;font-weight:600;transition:color .25s ease}.project-title-link:hover{color:#ffffffe6}.project-card-header{display:flex;justify-content:space-between;font-size:.725rem;font-weight:bolder}.project-card-header>a>img{width:.625rem;height:.625rem;transition:transform .15s ease}.project-card-header>a>img:hover{transform:scale(1.05)}.project-card-description{font-size:.6rem;color:#ffffffe6}