.navbar{position:fixed;top:0;left:0;right:0;z-index:50;padding:12px 24px;display:flex;align-items:center;justify-content:center;margin-top:1rem;--nav-color: #ebebeb}.navbar-menu{display:flex;flex-wrap:wrap;flex-direction:row;gap:8px;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;padding:0 8px}.home,.code,.info,.music{font-family:Satoshi;font-size:2rem;font-style:normal;font-weight:300;line-height:115.162%;text-decoration:none;display:flex;flex-direction:column;justify-content:center;flex-shrink:0;flex:1 1;color:var(--nav-color);transition:font-weight .2s ease}.home{text-align:left}.code,.info{text-align:center}.music{text-align:right}.home:hover,.code:hover,.info:hover,.music:hover{cursor:pointer;font-weight:900}@media (max-width: 720px){.navbar-menu{flex-direction:row;gap:4px;align-items:flex-start;justify-content:center}.home,.code,.info,.music{font-size:1.6rem;text-align:center;padding:.3rem .5rem}}@media (max-width: 420px){.navbar-menu{gap:2px;align-items:left}.home,.code,.info,.music{font-size:1.4rem;padding:.2rem .4rem}}.hero{position:fixed;inset:0;width:100%;height:100vh;background-image:url(/assets/home-kgjQdmnL.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#00000026;background-blend-mode:overlay;padding-top:var(--nav-height, 64px);padding-bottom:var(--footer-height, 64px);box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:#fff;z-index:0;overflow:hidden}.hero:after{content:"";background-image:url(/assets/cardboard-texture-4KWTaK5i.jpg);height:300%;width:300%;opacity:.2;position:fixed;z-index:-1;animation:grain-movement 8s steps(10) infinite}@keyframes grain-movement{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.name{display:flex;width:auto;flex-direction:column;justify-content:center;flex-shrink:0;margin:0;color:#ebebeb;text-align:center;font-family:Satoshi,system-ui,-apple-system;font-size:clamp(2.6rem,8vw,7.5rem);font-style:normal;font-weight:300;line-height:1.03;letter-spacing:clamp(.2rem,3.5vw,1.9rem)}.intro-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-top:0}.title-strong{font-weight:700;margin-right:.5rem}.title-normal{font-weight:300}.title{font-size:clamp(1rem,4vw,3rem);font-weight:700;margin:0;letter-spacing:.2rem;display:inline-flex;gap:.5rem;align-items:center;justify-content:center;color:#1b1616;text-align:center;font-family:Satoshi,system-ui,-apple-system}@media (max-width: 720px){.name{font-size:clamp(3rem,9vw,6rem);letter-spacing:.35rem;padding:0 1rem}.title{font-size:clamp(.95rem,4.5vw,1.4rem);gap:.35rem}.hero{background-position:center 30%}}@media (max-width: 420px){.name{font-size:2.2rem;letter-spacing:.15rem}.title{font-size:.95rem;gap:.25rem}}.footer{position:fixed;bottom:0;left:0;right:0;z-index:50;padding:12px 24px;display:flex;align-items:center;justify-content:center;--footer-color: var(--footer-color, #ebebeb);color:var(--footer-color)}html,body,#root{height:100%}body{margin:0}.footer-menu{display:flex;flex-wrap:wrap;flex-direction:row;gap:1.5rem;align-items:center;justify-content:center;width:100%;box-sizing:border-box;padding:0 8px}.instagram,.linkedin,.mail,.cv{color:var(--footer-color);font-family:Satoshi;font-size:1.5rem;font-style:normal;font-weight:300;line-height:115.162%;text-decoration:none;display:flex;flex-direction:column;justify-content:center;flex-shrink:0;transition:font-weight .2s ease;flex:1 1}.instagram,.linkedin,.mail,.cv{min-width:6rem;padding:.5rem 1rem}.instagram{text-align:left}.linkedin,.mail{text-align:center}.cv{text-align:right}.instagram:hover,.linkedin:hover,.mail:hover,.cv:hover{font-weight:700}@media (max-width: 720px){.footer-menu{flex-direction:row;gap:4px;align-items:flex-start;justify-content:center}.instagram,.linkedin,.mail,.cv{font-size:1.2rem;text-align:center;padding:.3rem .5rem}}@media (max-width: 420px){.footer-menu{gap:2px;align-items:left}.instagram,.linkedin,.mail,.cv{font-size:1rem;padding:.2rem .4rem}}.music-page{position:fixed;inset:0;width:100%;height:100vh;background-image:url(/assets/music-CAGSvRQS.png);background-size:cover;background-position:center;background-repeat:no-repeat;padding-top:var(--nav-height, 64px);padding-bottom:var(--footer-height, 64px);box-sizing:border-box;background-color:#00000030;background-blend-mode:overlay;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:0;overflow:hidden}.music-page:after{content:"";background-image:url(/assets/cardboard-texture-4KWTaK5i.jpg);height:300%;width:300%;opacity:.2;position:fixed;z-index:-1;animation:grain-movement 8s steps(10) infinite}.music-title{display:flex;width:auto;flex-direction:column;justify-content:center;flex-shrink:0;margin-bottom:1rem;color:#ebebeb;text-align:center;font-family:Satoshi;font-size:7rem;font-style:normal;font-weight:700;line-height:7.5625rem}.music-artist{display:flex;width:auto;flex-direction:column;justify-content:center;flex-shrink:0;margin:0;color:#ebebeb;text-align:center;font-family:Satoshi;font-size:3rem;font-style:normal;font-weight:400;cursor:pointer;transition:font-weight .2s ease}.music-artist:hover{font-weight:700;cursor:pointer}@media (max-width: 720px){.music-title{font-size:clamp(5rem,7vw,6rem);margin:0}.music-artist{font-size:clamp(1.5rem,5vw,2.5rem);margin:1rem;height:1.5rem}.music-page{background-position:center 30%}}@media (max-width: 420px){.music-title{font-size:clamp(2.5rem,6vw,4rem);margin-bottom:.3rem}.music-artist{font-size:clamp(1.2rem,4vw,2rem)}}body{background-color:#ebebeb;margin:0;padding:0}