:root{color:#e0e0e0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.7}body{background-image:linear-gradient(45deg,#1f1f1f 25%,#0000 25%),linear-gradient(-45deg,#1f1f1f 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1f1f1f 75%),linear-gradient(-45deg,#0000 75%,#1f1f1f 75%);background-size:20px 20px;flex-direction:column;align-items:center;min-height:100vh;margin:0;display:flex}#root{box-sizing:border-box;background-color:#1f1f1f;border:1px solid #333;border-radius:10px;width:100%;max-width:800px;margin-top:3rem;margin-bottom:3rem;padding:3rem;box-shadow:0 10px 30px #00000080}h1,h2{font-family:Lora,serif}h1{color:#fff;margin-bottom:.5em;font-size:3em;line-height:1.1}h2{color:#fff;border-bottom:1px solid #444;margin-top:2rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:2em}p{margin-bottom:1em;font-size:1.1em}a{color:#8c90ff;text-decoration:none;transition:color .3s}a:hover{color:#aab0ff}section{text-align:center;margin-bottom:3rem;padding:1rem 0}ul{padding:0;list-style:none}.App{flex-direction:column;align-items:center;display:flex}.App main{width:100%;max-width:650px}.header{flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.profile-picture{object-fit:cover;border:3px solid #646cff;border-radius:50%;width:150px;height:150px;margin-bottom:1rem}.navbar{border-bottom:1px solid #333;justify-content:center;gap:2rem;margin-bottom:2rem;padding:1rem 0;display:flex}.navbar a{color:#e0e0e0;border-radius:5px;padding:.5rem 1rem;font-size:1.1em;font-weight:700;text-decoration:none;transition:background-color .3s,color .3s}.navbar a:hover{color:#646cff;background-color:#333}.socials ul{justify-content:center;gap:1.5rem;margin-top:1rem;padding:0;list-style:none;display:flex}.socials a{color:inherit;transition:color .3s}.socials a:hover{color:#646cff}.lastfm ul{padding:0;list-style:none}.films-section{flex-direction:column;align-items:center;display:flex}.films-section p{text-align:center;max-width:500px;margin-bottom:1.5rem}.projects-section{flex-direction:column;align-items:center;display:flex}.projects-section p{text-align:left;max-width:600px;line-height:1.8}