@import url("https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap");:root{font-family:Newsreader,serif;font-optical-sizing:auto;font-weight:400;background:#75704E;--black:#0e0c04e1}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background-color:var(--black);border-radius:10px}::-webkit-scrollbar-track{background-color:#75704E}@keyframes slideUp{0%{translate:translateY(-200px)}to{translate:translateY(200px)}}@media (max-width:768px){.AboutPage p,.proj-desc p{font-size:20px}h1{font-size:32px}}@media (min-width:1200px){.AboutPage p,.proj-desc p{font-size:20px}h1{font-size:40px}}nav{display:flex;position:fixed;justify-content:flex-end;align-items:center;box-sizing:border-box;padding:10px 20px;width:100vw;background-color:rgba(0,0,0,.6)}.links{color:#D3D0CB;text-decoration:none;margin:5px}.links:hover{color:#ffffff}html{scroll-behavior:smooth}.HomePage{display:flex;width:100%;min-height:100vh;justify-content:center;align-items:center;text-align:center;color:beige;overflow:hidden;font-size:20px}.parallax{background-size:cover;background-position:50%;background-attachment:fixed;background-repeat:no-repeat}.intro{flex-direction:row;justify-content:center;align-items:center;height:100vh;padding:10px}.intro,.intro-text{display:flex;width:100%}.intro-text{flex-direction:column;max-width:425px;gap:10px;text-align:left}.AboutPage{min-height:100vh;padding:10px;text-align:center;margin:5px}.AboutPage,.about-content{display:flex;flex-direction:column;align-items:center}.about-content{max-width:800px;width:100%}.about-img img{max-width:250px}.AboutMe{width:100%;text-align:center}.hobbies{margin-top:20px;width:100%}.hobbies,.music{flex-direction:column;align-items:center}.music{display:flex}.music p{text-align:center;margin:0}.music-player iframe{width:100%;height:200px;border:none}.photo-box{display:flex;flex-direction:column;background-color:rgba(255,255,255,.07);border-radius:30px;margin-top:0;padding:10px;margin-bottom:10px}.photo img{max-width:200px;margin:5px}.AboutMe p{font-size:20px;font-weight:500}.AboutMe p,.AboutPage h1{max-width:500px;color:black;margin:7px auto;text-align:left}.about-buttons{padding:5px;display:flex;gap:10px;justify-content:center;margin-top:20px}.about-buttons a:hover{transform:translateY(-5px)}.about-buttons a{display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.5);height:50px;width:50px}.about-buttons svg{width:50%;height:50%;color:#141204}.ProjectsPage{flex-wrap:wrap;min-height:100vh}.ProjectsPage,.card{display:flex;width:100%}.card{align-items:center;margin:15px;padding:10px;background-color:rgba(255,255,255,.07);border-radius:30px 10px;transition:transform .5s ease,padding .5s ease}.card:hover{transform:scale(1.02)}.proj-desc p{margin-top:5px;max-width:1000px;font-weight:500}.card img{width:150px}.card button{margin:5px;padding:8px;border-radius:20px;transition:transform .3s ease,padding .3s ease}.card a{color:black;text-decoration:none}.card button:hover{transform:scale(1.02)}.ContactPage{width:100%;min-height:100vh;text-align:center;justify-content:center}.Contact form,.ContactPage{display:flex;flex-direction:column;align-items:center}.Contact form{margin:10px}.Contact form input,.Contact form textarea{border-radius:8px;border:none;box-shadow:none;padding:10px;width:100%;max-width:500px}.Contact form textarea{min-height:150px;scrollbar-color:#75704E white}