@import "https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap";
:root{--bg-color:#f3eed4;--text-color:#31302c;--text-muted:#6b5744;--text-dark:#46463c;--accent-peach:#e3c9b2;--accent-blue:#a2bece;--accent-purple:#96a9c2;--footer-bg:#e3c7af;--font-sans:Arial, sans-serif;--font-serif:"Dancing Script", cursive;--font-heading:"Playfair Display", serif}*{box-sizing:border-box;margin:0;padding:0}body{background-image:url(/bg-image.jpg);background-position:50%;background-size:cover;background-attachment:fixed;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.btn{border:1px solid var(--text-muted);color:var(--text-muted);font-family:var(--font-sans);letter-spacing:.5px;cursor:pointer;background:0 0;border-radius:0;padding:10px 24px;font-size:14px;display:inline-block}.btn:hover{background:var(--text-muted);color:var(--bg-color)}@media (max-width:1024px){.btn{padding:10px 20px;font-size:13px}}@media (max-width:768px){.btn{padding:8px 16px;font-size:12px}}@media (max-width:480px){.btn{padding:8px 16px;font-size:12px}}
.navbar{background-color:var(--bg-color);z-index:100;width:100%;padding:24px 0;transition:background-color .3s;position:fixed;top:0}.navbar.scrolled{background-color:#0000}.navbar-container{justify-content:space-between;align-items:center;max-width:100%;padding:0 40px;display:flex}.navbar-logo{flex-direction:column;align-items:center;margin-top:10px;display:flex}.logo-icon{font-family:var(--font-heading);letter-spacing:-2px;font-size:42px;font-weight:700;line-height:1;position:relative}.logo-text{letter-spacing:2px;margin-top:5px;font-size:11px;font-weight:400}.navbar-links{align-items:center;gap:60px;display:flex}.navbar-links a{letter-spacing:1px;color:var(--text-color);font-size:12px;font-weight:700}@media (max-width:1024px){.navbar-container{padding:0 30px}.navbar-links{gap:40px}}@media (max-width:768px){.navbar{padding:15px 0}.navbar-container{padding:0 20px}.navbar-links{gap:20px}.navbar-links a{font-size:10px}.logo-icon{font-size:24px}.logo-text{font-size:9px}}@media (max-width:480px){.navbar-container{flex-direction:column;gap:25px;padding:0 15px}.navbar-links{justify-content:space-around;gap:10px;width:100%}.navbar-logo{margin-top:5px}}
.site-footer{background-color:var(--footer-bg,#e3c7af);flex-direction:column;align-items:center;padding:80px 20px 40px;display:flex}.footer-inner-box{background-color:var(--bg-color,#f3eed4);box-sizing:border-box;justify-content:space-between;align-items:flex-start;width:100%;max-width:1200px;padding:60px 50px;display:flex}.footer-col{flex:1}.left-col{text-align:left}.vibing-title{font-family:var(--font-sans);color:var(--text-muted);letter-spacing:.2px;margin-bottom:20px;font-size:14px;font-weight:600}.spotify-album{object-fit:cover;width:131px;height:130px;margin-bottom:20px;display:block}.song-title{font-family:var(--font-sans);color:var(--text-muted);margin-bottom:5px;font-size:13px}.song-artist{font-family:var(--font-sans);color:var(--text-muted);font-size:12px}.text-muted{opacity:1}.center-col{text-align:center;flex-direction:column;align-items:center;padding:0 20px;display:flex}.thanks-text{font-family:var(--font-heading);color:#8a5a3b;margin-bottom:40px;font-size:30px;font-weight:400;line-height:1.1}.contact-btn{font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #8a5a3b;margin-bottom:50px;padding:10px 25px;font-size:13px;text-decoration:none;transition:all .3s}.contact-btn:hover{color:#fff;background-color:#8a5a3b}.skills-list{font-family:var(--font-sans);color:var(--text-muted);font-size:12px;font-weight:600}.skills-list strong{font-weight:600}.dot-divider{margin:0 8px;font-size:10px}.right-col{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.right-img-container{width:163px;height:160px;margin-bottom:20px;position:relative}.wavy-svg{z-index:2;pointer-events:none;width:60px;height:auto;position:absolute;top:15%;left:-55px}.footer-profile-img{object-fit:cover;width:100%;height:100%;display:block}.contact-info{font-family:var(--font-sans);color:var(--text-muted);font-size:12px;line-height:1.8}.contact-line a{color:var(--text-muted);text-decoration:none;transition:opacity .2s}.contact-line a:hover{opacity:.7}.footer-bottom{flex-direction:column;align-items:center;gap:20px;margin-top:60px;display:flex}.footer-logo-img{width:33px;height:auto;display:block}.copyright{font-family:var(--font-sans);color:var(--text-muted);letter-spacing:.5px;font-size:12px}@media (max-width:1024px){.footer-inner-box{padding:50px 30px}}@media (max-width:900px){.footer-inner-box{flex-direction:column;align-items:center;gap:50px;padding:40px 0}.left-col,.right-col{text-align:center;align-items:center}.wavy-svg{width:35px;left:-15px}.spotify-album{margin:0 auto 20px}.center-col{order:-1}}@media (max-width:480px){.site-footer{padding:60px 15px 30px}.thanks-text{font-size:24px}.footer-inner-box{gap:40px;padding:30px 0}}
.scroll-to-top{z-index:9999;cursor:pointer;width:52px;height:52px;color:var(--text-color);background:var(--accent-peach);border:none;border-radius:14px;justify-content:center;align-items:center;transition:box-shadow .2s,transform .2s,background .2s;display:flex;position:fixed;bottom:36px;right:36px;box-shadow:0 6px #c9ad94,0 8px 20px #31302c26}.scroll-to-top:hover{background:#e8ceb7;transform:translateY(-2px);box-shadow:0 4px #c9ad94,0 12px 28px #31302c2e}.scroll-to-top:active{background:#d4b89e;transform:translateY(4px);box-shadow:0 2px #c9ad94,0 4px 10px #31302c1f}