:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#121212}html,body{margin:0;padding:0;background-color:#121212;color:#ffffffde;box-sizing:border-box;scroll-behavior:smooth}.page-content{display:flex;flex-direction:column;gap:100px;align-items:stretch;max-width:none}a{font-weight:500;color:#fff;text-decoration:none;transition:color .3s}a:hover{color:#38bdf8}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}h1{font-size:3.2em;line-height:1.1}.btn{padding:.75rem 1.5rem;font-weight:600;border-radius:.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-secondary{border:2px solid #3b82f6;color:#3b82f6;background-color:transparent}.btn-secondary:hover{background-color:#3b82f6;color:#fff}#homepage-master{display:flex;flex-direction:column;margin:auto;align-items:center;justify-content:center;width:100%;box-sizing:border-box;overflow-x:hidden}.homepage-sections{display:flex;flex-direction:column;flex-wrap:wrap;gap:2rem;margin:auto;justify-content:center}.homepage{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#121212;box-sizing:border-box;margin:auto;padding:1rem;max-width:90vw}.homepage-png{width:100%;max-width:350px;height:auto}.homepage-title{font-size:clamp(2rem,6vw,4rem);font-weight:800;margin-bottom:1rem}.homepage-avatar{width:120px;height:120px;border-radius:50%;margin-bottom:1.5rem;object-fit:cover;border:3px solid #3b82f6}.typing{border-right:2px solid #3b82f6;display:inline-block;overflow:hidden;white-space:nowrap;animation:typing 2.5s steps(20) 1,blink .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}.homepage-subtitle{font-size:1.25rem;color:#9ca3af;margin-bottom:1.5rem}.homepage-intro{max-width:600px;color:#d1d5db;margin-bottom:2rem;line-height:1.6}.homepage-buttons{display:flex;flex-direction:row;gap:1rem}.git{max-width:90vw;padding:2rem 0;height:auto}@media(min-width:640px){.homepage-buttons{flex-direction:row}}@media(min-width:768px){.homepage-master{max-width:400px}.homepage-subtitle{font-size:1.5rem}.homepage-title{font-size:4rem}}@media(min-width:1096px){.homepage-sections{flex-direction:row;gap:4rem}}.navBar{position:sticky;top:0;width:100%;background-color:#222020;padding:.5rem 2rem;border-bottom:1px solid #2c2c2c;box-sizing:border-box;z-index:1000}.nav-container{display:flex;justify-content:space-between;align-items:center;margin:0 auto}.nav-logo{font-size:1.5rem;font-weight:700;color:#fff;cursor:pointer}.nav-links{list-style:none;display:flex;gap:.5rem}.navElement{list-style:none;display:inline-block}.navElement a{color:#fff;text-decoration:none;position:relative;transition:color .3s ease}.navElement a:after{content:"";position:absolute;width:0%;height:2px;bottom:-4px;left:0;background-color:#3b82f6;transition:width .3s ease}.navElement a:hover:after{width:100%}@media(max-width:768px){.nav-links{display:flex;flex-direction:column;gap:1rem;width:100%;border-top:1px solid rgba(255,255,255,.2);padding:1rem}.nav-links.open{display:flex}.nav-container{flex-direction:column;align-items:flex-start}.navElement{width:100%}.navElement a{display:block;width:100%}}@media(min-width:769px){.hamburger-btn{display:none}.nav-links{display:flex;gap:4rem;align-items:center}}.hamburger-btn{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;z-index:1001}.hamburger-btn:hover{transform:scale(1.05);border:solid 1px #141414;transition:all .3s ease-in-out}.hamburger-icon{width:28px;height:28px}@media(max-width:762px){.hamburger-btn{display:block}}.about-container{display:flex;flex-direction:column;margin:auto;align-items:center;gap:2rem;width:100%;box-sizing:border-box;overflow-x:hidden;padding:2rem}h1{text-align:center}#about-section{padding:4rem;margin:auto;background-color:#222020;display:flex;gap:50px}.skills{list-style-type:none;display:grid;grid-template-columns:auto;text-align:center;gap:10px}.skills li{background-color:#000;color:#fff;border-radius:4px}.skills li figure img{max-width:30px;min-height:30px}#tools{text-align:center}#tools ul li:hover{color:#3b82f6;transform:scale(1.05);box-shadow:5px 2px 2px 2px #3b82f6;transition:all .3s ease-in-out}@media(min-width:768px){#tools ul{grid-template-columns:auto auto}}@media(min-width:992px){#tools ul{grid-template-columns:auto auto auto}}.projects-container{display:flex;flex-direction:column;gap:2rem}#project-grid{list-style-type:none;display:grid;grid-template-columns:1fr;gap:6rem;align-items:stretch}.projectElement{height:100%}.projectElement figure{height:100%;border-radius:8px;display:flex;flex-direction:column;gap:2rem;padding:2rem;background-color:#000}.projectElement figcaption{flex-grow:1}.projectElement a{margin-top:auto}.img img{width:100%;height:100%;object-fit:cover;border-radius:8px}.img{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:8px}.projectElement:hover{transform:scale(1.05);transition:all .5s ease-in-out}.project-links{display:flex;gap:1rem}@media(min-width:768px){#project-grid{grid-template-columns:1fr 1fr}}.contact-master{display:flex;flex-direction:column;align-items:center;gap:30px;padding:1rem;margin:auto;box-sizing:border-box}.contact-page{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;background-color:#121212;color:#fff;box-sizing:border-box}.contact-title{font-size:clamp(2rem,6vw,3.5rem);font-weight:700;margin-bottom:1rem}.contact-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:#9ca3af;max-width:600px;margin-bottom:2rem}.contact-links{list-style-type:none;display:flex;flex-direction:column;gap:1rem}.contact-item{padding:.75rem 1.5rem;border-radius:.5rem;background-color:#1e293b;color:#3b82f6;font-weight:600;text-decoration:none;border:2px solid #3b82f6;transition:all .3s ease}.contact-item:hover{background-color:#3b82f6;color:#fff}#form{padding:2rem;background-color:#222020;border-radius:4px;width:90%;max-width:800px;box-sizing:border-box}form{display:flex;flex-direction:column;gap:2rem}form section{display:flex;flex-direction:column;align-items:start;gap:.5rem}input,textarea{padding:10px;border:1px solid #ddd;border-radius:4px;width:100%;box-sizing:border-box}textarea{height:100px}@media(min-width:768px){.contact-links{flex-direction:row}}.footer{display:flex;flex-direction:column;gap:1rem;flex-shrink:0;width:100%;background-color:#1e1e1e;color:#fff;padding:1rem 2rem;text-align:center;z-index:1000;border-top:1px solid #333;box-sizing:border-box;overflow-x:hidden}.footer-text{font-size:.9rem;color:#9ca3af;margin:0}.footer-links{list-style-type:none;display:flex;justify-content:center;align-items:center;gap:1.5rem}.footer-links a{color:#3b82f6;text-decoration:none;transition:color .3s;display:flex;align-items:center;gap:.5rem}.footer-links a:hover{color:#2563eb}.footer-icon{width:24px;height:24px;fill:currentColor}@media(max-width:480px){.footer-links{flex-direction:column;gap:.5rem}}