nav{z-index:1000;justify-content:space-between;align-items:center;width:100%;height:6rem;padding:0 40px;display:flex;position:fixed;top:0}nav h1{font-size:1rem}nav a{position:relative}nav a:after{content:"";background-color:var(--foreground);width:0;height:2px;transition:all .2s ease-in-out;position:absolute;bottom:-4px;left:0}nav a:hover:after{width:100%}
#hero{justify-content:center;align-items:center;height:100vh;font-size:1.5rem;display:flex}#hero>span{font-size:2rem;font-weight:700}#tech-stack{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);padding:4rem 2rem;overflow:hidden}#tech-stack h2{text-align:center;color:var(--foreground);margin-bottom:3rem;font-size:3rem}.tech-scroll-container{margin-left:auto;margin-right:auto;height:100px;margin-top:5rem;position:relative;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent);mask:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent)}.tech-item{background:0 0;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:200px;height:100px;padding:1rem;animation:30s linear infinite scrollleft;display:flex;position:absolute}.tech-logo{margin-bottom:.5rem;font-size:2.5rem}.tech-name{color:var(--foreground);font-size:.9rem;font-weight:600}@keyframes scrollleft{to{left:-200px}}#projects{background:var(--background);padding:4rem 2rem}#projects h2{text-align:center;color:var(--foreground);margin-bottom:3rem;font-size:3rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}@media (max-width:768px){.projects-grid{grid-template-columns:1fr;gap:1.5rem}#tech-stack h2,#projects h2{font-size:2rem}.tech-item{min-width:100px;padding:.75rem}.tech-logo{font-size:2rem}}#contact{height:100vh;color:var(--foreground);background-color:#c4e4f5;flex-direction:column;justify-content:center;align-items:center;gap:3rem;display:flex}#contact h2{font-size:6rem}#contact a{border:3px solid var(--foreground);border-radius:50px;padding:20px}#contact a:hover{background-color:var(--foreground);color:#c4e4f5}
.project-card{background:var(--background);border-radius:12px;flex-direction:column;width:100%;max-width:400px;height:100%;padding:1.5rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 6px rgba(0,0,0,.1)}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.project-image{border-radius:8px;width:100%;height:200px;margin-bottom:1rem;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%}.project-content{flex-direction:column;flex-grow:1;display:flex}.project-content h3{color:var(--foreground);margin:0 0 .5rem;font-size:1.25rem}.project-content p{color:var(--foreground);opacity:.8;margin:0 0 1rem;line-height:1.5}.project-technologies{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.tech-tag{color:var(--foreground);background:#c4e4f5;border-radius:20px;align-self:center;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.project-link{background:var(--foreground);color:var(--background);text-align:center;border-radius:6px;margin-top:auto;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:opacity .3s;display:inline-block}.project-link:hover{opacity:.8}
footer{justify-content:space-between;align-items:center;width:100%;height:6rem;padding:0 40px;display:flex;position:fixed;bottom:0}footer a{position:relative}footer a:after{content:"";background-color:var(--foreground);width:0;height:2px;transition:all .2s ease-in-out;position:absolute;bottom:-4px;left:0}footer a:hover:after{width:100%}