@font-face{font-family:Sue Ellen Francisco;src:url(/public/SueEllenFrancisco.ttf)}body{background-color:#000;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}.background-home{z-index:1;background-image:url(/public/background.webp);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.background-404{z-index:0;background-image:url(/public/404.webp);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.foreground-art{z-index:2;object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}nav{z-index:3;padding-top:50px;padding-right:80px;font-family:Georgia,serif;font-size:1.5rem;position:absolute;top:0;right:0}nav a{color:#aaa;text-decoration:none;transition:color .3s}nav a:hover{color:#fff;text-shadow:0 0 10px #fffc}.separator{color:#555;margin:0 10px}.center_404{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.text_404{color:#aaa}.text-center{text-align:center}.overlay-text{top:0;left:0;right:max-width;z-index:4;color:#aaa;font-family:Sue Ellen Francisco,serif;font-size:3rem;position:absolute}.page-container{width:100vw;height:100vh;position:relative;overflow:auto}.background-page{z-index:0;background-image:url(/public/background.webp);background-position:50%;background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0}.page-content{z-index:2;color:#ccc;padding:120px 80px 60px;font-family:Sue Ellen Francisco,serif;font-size:2.5rem;position:relative}.page-title{color:#fff;text-shadow:0 0 20px #ffffff4d;margin-bottom:30px;font-size:4rem}.about-text p{margin-bottom:20px;line-height:1.6}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:30px;display:grid}.project-card{background:#1e1e1ecc;border:1px solid #333;border-radius:8px;padding:25px;transition:all .3s}.project-card:hover{border-color:#555;transform:translateY(-5px);box-shadow:0 0 20px #ffffff1a}.project-card h3{color:#fff;margin-bottom:5px}.project-card-link{color:#666;margin-bottom:15px;font-size:2.4rem;text-decoration:none;transition:color .3s;display:block}.project-card-link:hover{color:#aaa}.project-card p{color:#888;margin-bottom:0}.contact-text p{margin-bottom:20px}.contact-links{padding:0;font-size:4rem;list-style:none}.contact-links li{margin-bottom:15px}.contact-links a,.contact-link{color:#aaa;font-size:3rem;text-decoration:none;transition:all .3s}.contact-links a:hover,.contact-link:hover{color:#fff;text-shadow:0 0 10px #ffffff80}@media (width<=768px){nav{padding-top:20px;padding-right:20px;font-size:1rem}.separator{margin:0 5px}.overlay-text{font-size:2rem}.page-content{padding:100px 20px 40px;font-size:1.8rem}.page-title{font-size:2.5rem}.projects-grid{grid-template-columns:1fr}}@media (width<=480px){nav{text-align:center;background:#000c;padding:15px;position:fixed;top:0;left:0;right:0}.overlay-text{font-size:1.5rem}}