*,*:after,*:before{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:target{scroll-margin-top:68px}html{position:relative;background-image:url(/hollowed-boxes.svg);background-size:4em 4em;background-color:#010;opacity:1;scroll-behavior:smooth}svg{fill:#f0f8ff}html:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:-1}body{font-family:Inter,sans-serif;color:#f0f8ff;margin:0 auto}.app-container{width:90%;margin:0 auto}.burger-container{width:48px;height:48px;display:flex;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;-webkit-user-select:none;user-select:none}.burger-top,.burger-bottom{width:100%;height:4px;background-color:#fff;transition:transform .3s ease-in-out}.burger-top{margin-bottom:8px}.burger-top.close{transform:translateY(0) rotate(0)}.burger-top.open{transform:translateY(8px) rotate(405deg) scaleX(1.2)}.burger-bottom.close{transform:translateY(0) rotate(0)}.burger-bottom.open{transform:translateY(-8px) rotate(-405deg) scaleX(1.2)}.profile-pic{width:250px;height:250px;border-radius:50%;border:2px solid #cddc39;animation:glow 3s infinite}.xs{width:48px;height:48px}.s{width:64px;height:64px}.md{width:128px;height:128px}.l{width:192px;height:192px}.xl{width:256px;height:256px}@keyframes glow{0%{filter:drop-shadow(0 0 0 #ff5722)}50%{filter:drop-shadow(0 0 16px #ff5722)}to{filter:drop-shadow(0 0 0 #ff5722)}}nav{font-family:Inter,system-ui;position:fixed;top:0;right:0;background-color:#010;width:100%;height:4rem;z-index:999}.nav-logo{display:flex;gap:.5rem;align-items:center;white-space:nowrap;font-weight:600;text-decoration:none;color:#f0f8ff}.link-active{border-bottom:2px solid aliceblue}.logo{cursor:pointer}.nav{background-color:#010;display:flex;justify-content:space-between;padding:.5rem 1rem}.nav-container{display:block;position:absolute;top:64px;height:93.5vh;width:100vw;background-color:#010;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.nav-container.open{opacity:1}.nav-container.close{visibility:hidden;opacity:0;pointer-events:none}.nav-container-links{display:flex;flex-direction:column;justify-content:center;gap:1rem;align-items:center;height:90%;font-size:2.5rem;font-weight:800}.nav-container-links a{color:#f0f8ff;text-decoration:none}.nav-socials{display:flex;justify-content:space-around}.nav-socials img{width:48px;background-color:#f0f8ff;border-radius:50%}.nav-links{display:none}@media (min-width:768px){.nav{max-width:1000px;margin:0 auto}.nav-links{display:flex;width:100%;justify-content:space-around;align-items:center}.nav-links a{color:#f0f8ff;text-decoration:none;font-weight:700}.nav-links a:hover{border-bottom:2px solid aliceblue}.burger-icon,.nav-container{display:none}}.main{width:fit-content;margin:96px auto 0}.main-container{display:flex;flex-direction:column;gap:2rem}.main-container img{margin:0 auto}.description p{margin-top:1rem;line-height:1.5rem}@media (min-width:768px){.main-container{margin:0 auto;flex-direction:row;align-items:center;max-width:900px}}.fade{transition:all 1.5s ease}.fade.visible{opacity:1;transform:translate(0)}.fade.not-visible{opacity:0;transform:translateY(100px)}.projects{margin:1rem 0}.projects h2,.projects h4{margin-bottom:2rem}.projects h4{margin:2rem 0}.important-projects{display:flex;width:fit-content;margin:0 auto;flex-direction:column;gap:2rem}.other-projects{display:flex;flex-direction:column;gap:2rem}@media (min-width:768px){.other-projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));justify-items:center;max-width:900px;margin:0 auto}.projects-padding{max-width:270px}.projects h4,.projects h2{text-align:center}}.glowing-header{animation:glow-header 3s infinite;font-size:2rem}@keyframes glow-header{0%{filter:drop-shadow(0 0 2px aliceblue)}50%{filter:drop-shadow(0 0 8px aliceblue)}to{filter:drop-shadow(0 0 2px aliceblue)}}.important-card{display:flex;flex-direction:column;max-width:900px;margin:0 auto}.important-card img{width:100%;max-width:800px;margin:0 auto}.project-info h3{margin:1rem 0 .5rem}.project-info p{line-height:1.5rem}.skills-container{margin:1rem 0;display:flex;gap:.75rem;flex-wrap:wrap}.links-container{display:flex;gap:1rem;margin:1rem 0}.badge{width:fit-content;border-radius:10px;padding:.4rem .9rem;border:2px solid aliceblue;background-color:000;transition:all .5s ease;cursor:pointer}.badge:hover{transform:translateY(-10px);filter:drop-shadow(0 0 2px currentColor)}.badge-skill{font-size:.75rem;font-weight:600;animation:glow-badge 3s infinite}.default,.Java{color:#f0f8ff}.HTML{color:#f57e00}.CSS{color:#00a7f5}.JS,.JavaScript{color:#dcd809}.React{color:#00d4f5}.Node{color:#10941e}.MySQL{color:#879c9f}.TS,.TypeScript{color:#0090d2}@keyframes glow-badge{0%{filter:drop-shadow(0 0 2px currentColor)}50%{filter:drop-shadow(0 0 8px currentColor)}to{filter:drop-shadow(0 0 2px currentColor)}}.button-link{text-decoration:none;padding:.5rem 1rem;font-size:.8rem;border-radius:5px;font-weight:800;transition:transform .3s ease}.button-link:hover{transform:scale(1.1)}.clean{border:2px solid #fff;color:#f0f8ff}.not-clean{color:#010;background-color:#f4f4f4}.card{display:flex;flex-direction:column}.card img{border-radius:5px}.date{margin-top:1rem;font-size:.75rem;color:#93999e}.title{margin:0;font-size:1.1rem;font-weight:bolder}.message{margin:.5rem 0;line-height:1.5rem}.links{display:flex;gap:1rem}.glass-card{background:#8383831a;box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:10px;border:1px solid rgba(255,255,255,.18);padding:1rem}.about{margin:2rem 0}.about-me{line-height:1.5rem;margin:1rem 0}.info{display:grid;grid-template-rows:auto auto;gap:2rem}.info-skills-container{margin-top:1rem;display:flex;flex-wrap:wrap;gap:1rem}.contact-information span{line-height:1.5rem}.contact-information a{text-decoration:none;font-weight:800;color:#f0f8ff}@media (min-width:768px){.about h2{text-align:center}.info{display:grid;grid-template-columns:auto auto;padding:1rem}.info h3{text-align:center}.info-skills-container{justify-content:center}.about{max-width:900px;margin:3rem auto}}.footer{background-color:#000;padding:1rem 0 .5rem}.connect p{font-size:1.25rem;font-weight:800;text-align:center}.footer-socials{margin:1rem 0;display:flex;justify-content:center;gap:2rem}.footer-socials img{width:48px;background-color:#f0f8ff;border-radius:50%}.copyright{text-align:center}