.menu-bar{display:flex;justify-content:center;align-items:center;position:relative;color:#261605;background-color:#eaeaea;height:4.5rem;width:100%;overflow:hidden;z-index:2;--bg: #261605}.menu-bar ul{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2.5rem;list-style:none}.menu-bar ul li{display:flex;font-size:1.4rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease,color .2s ease;-webkit-user-select:none;user-select:none}.menu-bar ul li:hover,.menu-bar ul li:focus{background-color:var(--bg);color:#eaeaea;cursor:pointer;border-radius:.4rem}.menu-bar ul li.active{background-color:var(--bg);color:#eaeaea;border-radius:.4rem}@media (max-width: 1050px){.menu-bar{height:auto;padding:.75rem 1rem}.menu-bar ul{gap:1.5rem}.menu-bar ul li{font-size:1rem}}@media (max-width: 700px){.menu-bar{justify-content:center;flex-direction:column;align-items:center;height:10rem}.menu-bar ul{flex-direction:column;align-items:center;width:100%;gap:.8rem}.menu-bar ul li{width:15rem;font-size:1rem;justify-content:center}.menu-bar ul li:hover{background-color:#261605;color:#fff}}.chamber-container{--music-bg: #261605;max-width:1200px;margin:40px auto;padding:0 20px;background-color:none;animation:fadeIn .5s ease-out forwards}.chamber-container h1{text-align:center;font-size:2rem}.chamber-grid{display:flex;flex-direction:column;gap:2rem;width:100%;justify-content:center;background-color:none;align-items:center}.chamber-card{display:flex;align-items:center;justify-content:center;gap:4rem;align-items:stretch;background-color:none;color:#fff;height:15rem;width:100%}.chamber-img{display:flex;flex-direction:column;justify-content:center;align-items:end;text-align:end;max-width:50%;min-width:50%;height:100%}.chamber-img h2{font-size:1.5rem;font-weight:500;font-family:poppins}.chamber-info{display:flex;flex-direction:column;justify-content:center;height:100%;margin-bottom:.4rem;position:relative;min-width:50%;max-width:50%}.chamber-info h2{font-size:1.4rem}.meta{color:var(--hover-color);margin-bottom:6px;font-style:italic}.details{margin-top:10px;line-height:1.5;margin-bottom:1.5rem}.details{max-width:20rem}.chamber-audio{margin-top:16px;width:100%;height:200px;border:none;border-radius:8px}.piece-links{display:flex;position:absolute;flex-direction:row;gap:2px;bottom:0;margin-bottom:10px}.piece-links a{color:#fff;text-decoration:none;margin-inline-end:1rem;font-weight:800}.piece-links a:hover{cursor:pointer}@media (max-width: 900px){.chamber-grid{gap:2.2rem}.chamber-card{flex-direction:column;align-items:center;text-align:start;height:auto;gap:2rem}.chamber-img,.chamber-info{padding-inline:1rem;min-width:100%;text-align:start;align-items:start}.chamber-img{font-size:.8rem;font-weight:100}.chamber-img h2{font-size:1.7rem}.chamber-info{position:static;text-align:start;align-items:center;padding-bottom:1.5rem}.chamber-info p{width:100%}.details{max-width:100%}.piece-links{position:static;justify-content:start;text-align:start;width:100%}.meta{align-items:start}}