@import"https://fonts.googleapis.com/css2?family=Lexend+Deca&display=swap";:root{--bg: #aa8b6c;--link-hover-bg: #75614b;--contact-link-hover-bg: #63523f;--link-selected-bg: #544636;--dark-accent-1: #111111;--dark-accent-2: #222222;--dark-accent-3: #333333;--dark-accent-4: #444444;--link-hover-color: #cabaa2;--light-accent-1: #e3e3e3;--socials-width: 26vw}html,body{font-family:Lexend Deca;background:linear-gradient(var(--bg),var(--link-hover-color));background-repeat:no-repeat;background-attachment:fixed;color:var(--dark-accent-1);margin:0}.app{display:grid;grid-template-columns:20% 80%;padding:2vw 2.67vw}footer{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:86vw;color:var(--dark-accent-3);text-align:center}footer a{color:var(--dark-accent-3);transition:all .2s ease}footer a:hover{color:var(--dark-accent-4)}.mobile-nav{display:none}.menu{display:flex;flex-direction:column;padding:2vw 2vw 0 0}.menu a{color:var(--dark-accent-2);text-decoration:none;font-size:1.6vw;border-radius:15px;padding:8px 24px;margin:8px 0;transition:all .3s ease}.menu a:hover{background-color:var(--link-hover-bg);color:var(--link-hover-color)}.portrait{height:42vw;box-shadow:0 0 30px #000;border-radius:20px}.home,.music{display:flex;gap:2.67vw}.description h1{font-size:2.7vw;margin-top:1.7vw}.description h2{font-size:2vw}.description p{font-size:1.4vw;padding-right:24px}.contact .description p a{color:var(--dark-accent-3);text-decoration:underline;transition:background-color .2s ease;cursor:pointer}.contact .description p a:hover{color:var(--dark-accent-4)}.embed{display:flex;flex-direction:column;background-color:var(--dark-accent-2);height:86vh;min-width:var(--socials-width);box-shadow:0 0 30px #000;border-radius:20px}.embed button{font-family:Lexend Deca;display:flex;justify-content:space-between;align-items:center;height:8vh;font-size:1.3rem;background-color:var(--dark-accent-2);color:var(--light-accent-1);border:none;border-radius:20px 20px 0 0;padding:0 20px;cursor:pointer}.current-social{display:flex}.current-social svg{height:1.7rem;margin-right:12px}.social-arrow{height:40px;fill:var(--light-accent-1);transition:transform .2s ease-in-out}.social-arrow.open{transform:rotate(-180deg)}.embed iframe{height:78vh;border:none;border-radius:0 0 20px 20px}.socials{width:var(--socials-width);background-color:var(--dark-accent-3);color:var(--light-accent-1);border:none;padding:0;margin:8vh 0 0 calc(20% + 1.6vw)}.socials ul{list-style-type:none;padding:0;margin:0}.social-option{display:flex;align-items:center;font-size:1.2rem;padding:15px 20px;transition:background-color .2s ease;cursor:pointer}.social-option:hover{background-color:var(--dark-accent-4)}.social-option svg{height:1.2rem;margin-right:10px}.contact-links{display:flex;gap:20px}.contact-links a{display:flex;align-items:center;width:14vw;background-color:var(--link-hover-bg);color:var(--link-hover-color);font-size:1.6vw;text-decoration:none;border-radius:15px;padding:1vw 2vw;transition:all .2s ease}.contact-links a:hover{background-color:var(--contact-link-hover-bg)}.contact-links svg{height:2vw;fill:var(--link-hover-color);margin-right:12px}@media only screen and (max-width: 600px){.app{display:flex;flex-direction:column;padding:0}footer{position:relative;font-size:.8rem;margin:20px 0 0}.menu{display:none}.mobile-nav{display:flex;align-items:center;justify-content:flex-end;padding:16px 7vw 24px;color:var(--dark-accent-1);position:relative}.hamburger{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:6px;z-index:1001}.hamburger span{width:28px;height:3px;background:var(--dark-accent-2);border-radius:2px;transition:.3s}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.menu-panel{position:fixed;top:0;right:-100%;height:100vh;width:70%;background:#aa8b6cf2;display:flex;flex-direction:column;padding:64px 20px;gap:16px;transition:right .3s ease;z-index:1000;box-shadow:-4px 0 8px #00000040}.menu-panel.show{right:0}.menu-panel a{text-decoration:none;font-size:1.2rem;color:var(--dark-accent-2);padding:8px 24px;border-radius:12px;transition:all .2s ease}.menu-panel a:hover{background:var(--link-hover-bg);color:var(--link-hover-color)}.portrait{height:auto;width:350px;max-width:86vw;box-shadow:0 0 20px #000;border-radius:20px;margin:auto}.home,.music{flex-direction:column;justify-content:center;gap:0}.description h1{width:86vw;font-size:1.8rem;margin:32px auto 16px}.description h2{width:86vw;font-size:1.5rem;margin:auto}.description p{width:86vw;font-size:1.1rem;padding-right:0;margin:12px auto}.embed{min-width:86vw;height:600px;margin:auto}.socials{position:absolute;top:139px;left:28.4vw;transform:translate(-50%,-50%);min-width:86vw}.contact-links{flex-direction:column;width:86vw;margin:auto}.contact-links a{width:calc(100% - 1.3rem - 20px);font-size:1.3rem;border-radius:12px;padding:10px 20px}.contact-links svg{height:1.6rem;margin-right:10px}}