@font-face{font-family:Modeseven;src:url(./Modeseven-L3n5.ttf) format("truetype")}:root{--brightness: 2;--brightness-hover: 2;--brightness-active: 2;--brightness-active-hover: 2;--brightness-logo: 3;--saturate: 2.5;--contrast: 1.5}body{margin:0;background-color:#000;font-family:Modeseven,sans-serif;color:#fff}#root{margin:0;background-color:#000}.nav-image{transition:filter .3s ease;filter:brightness(var(--brightness)) saturate(var(--saturate)) contrast(var(--contrast))}.nav-image:hover{filter:brightness(var(--brightness-hover)) saturate(var(--saturate)) contrast(var(--contrast))}.styled-list li{padding-left:0;margin-left:0;margin-bottom:.5em;text-indent:0}.band-boxes-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.band-box{width:350px;outline:1px solid white;margin:0;padding:10px;display:flex;flex-direction:column;flex-shrink:0}.band-box h3,.band-box p{margin-top:0;margin-bottom:10px}.band-box ul{list-style-position:outside;padding-left:1.2em;margin-top:0;margin-bottom:10px}.band-box ul li{margin-bottom:.3em}.band-box a{color:#add8e6;text-decoration:none}.band-box a:hover{color:#90ee90}.band-img{max-height:300px;max-width:350px;width:auto;height:auto;display:block;margin:auto}.contact-link{color:#90ee90;text-decoration:none}.contact-link:hover{color:#add8e6}.contact-page a{color:#add8e6;text-decoration:none}.contact-page a:hover{color:#90ee90}.main-logo{filter:brightness(var(--brightness-logo)) saturate(var(--saturate)) contrast(var(--contrast))}.page-header-img{max-width:300px;width:100%;height:auto;filter:brightness(var(--brightness-hover)) saturate(var(--saturate)) contrast(var(--contrast))}.logo-buttons-container{display:flex;flex-direction:row;align-items:flex-start;gap:30px;justify-content:center;width:100%;max-width:900px;margin-left:30px}.nav-buttons{display:flex;flex-direction:column;gap:20px;align-items:center;margin-top:40px}@media(max-width:900px){.logo-buttons-container{flex-direction:column;align-items:center}.nav-buttons{flex-direction:row;justify-content:center;width:100%;margin-top:0}}@media(max-width:600px){.nav-buttons{flex-direction:column;align-items:center;width:100%}}.bottom-nav-buttons{display:flex;flex-direction:row;gap:20px;align-items:center;justify-content:center;padding:20px 0;margin-top:auto}.bottom-nav-image{max-width:80px;height:auto;border-radius:6px;transition:filter .3s ease;filter:brightness(var(--brightness)) saturate(var(--saturate)) contrast(var(--contrast))}.bottom-nav-image:hover{filter:brightness(var(--brightness-hover)) saturate(var(--saturate)) contrast(var(--contrast))}.contact-button{background-color:transparent;color:#90ee90;border:1px solid lightgreen;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.contact-button:hover{color:#add8e6;border-color:#add8e6}.nav-button-group{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:10px;row-gap:2px;justify-content:center;align-items:center}.nav-button-img{max-width:150px;height:auto;transition:brightness .3s ease,saturate .3s ease,contrast .3s ease;filter:brightness(var(--brightness-active)) saturate(var(--saturate)) contrast(var(--contrast));cursor:pointer;will-change:filter;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased}.nav-button-img:hover:not(.nav-button-img-active){filter:brightness(var(--brightness-active)) saturate(var(--saturate)) contrast(var(--contrast)) hue-rotate(90deg)}.nav-button-img-active{filter:brightness(var(--brightness-active)) saturate(var(--saturate)) contrast(var(--contrast)) hue-rotate(90deg)}.nav-button-img-active:hover{filter:brightness(var(--brightness-active-hover)) saturate(var(--saturate)) contrast(var(--contrast)) hue-rotate(90deg)}.nav-button-img-music,.nav-button-img-about{max-width:130px}.square-nav-button{background-color:transparent;color:#90ee90;border:1px solid lightgreen;padding:12px 24px;border-radius:4px;text-decoration:none;font-size:14px;transition:all .3s ease;display:inline-block;text-align:center;min-width:100px}.square-nav-button:hover{color:#add8e6;border-color:#add8e6;background-color:#add8e61a}
