@font-face{font-family:heading-text;src:url(/assets/ChauPhilomeneOne-Regular-CikXZBK1.ttf) format("truetype")}@font-face{font-family:body-text;src:url(/assets/SourGummy-VariableFont-Baxm8IJN.ttf) format("truetype")}@font-face{font-family:heading-text-italic;src:url(/assets/ChauPhilomeneOne-Italic-DbFn22NR.ttf) format("truetype")}@font-face{font-family:body-text-italic;src:url(/assets/SourGummy-Italic-VariableFont-DrBzuWUq.ttf) format("truetype")}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}:root{--off-white: #faf9f6;--light-blue: #caf4fa;--gradient-top: #b1e6f4;--gradient-bottom: #5ac4f2;--dark-blue: #3066be;--darker-blue: #17285f;--darkest-blue: #070124;--gray: #383838;--yellow: #ffff40;--orange: #fc7a31;--shadow-elevation-low: 0px 0px 0px rgba(3, 7, 18, .02), 1px 1px 1px rgba(3, 7, 18, .04), 1px 1px 1px rgba(3, 7, 18, .06), 3px 3px 3px rgba(3, 7, 18, .08), 4px 4px 4px rgba(3, 7, 18, .1);--shadow-elevation-medium: 0px 0px 0px rgba(3, 7, 18, .02), 1px 1px 1px rgba(3, 7, 18, .04), 3px 3px 3px rgba(3, 7, 18, .06), 5px 5px 5px rgba(3, 7, 18, .08), 8px 8px 8px rgba(3, 7, 18, .1);--shadow-elevation-hover: 0px 0px 0px rgba(3, 7, 18, .02), 2px 2px 1px rgba(3, 7, 18, .04), 4px 4px 3px rgba(3, 7, 18, .06), 6px 6px 5px rgba(3, 7, 18, .08), 10px 10px 8px rgba(3, 7, 18, .1);--shadow-elevation-high: 1px 1px 0px rgba(3, 7, 18, .02), 3px 3px 1px rgba(3, 7, 18, .04), 6px 6px 3px rgba(3, 7, 18, .06), 10px 10px 5px rgba(3, 7, 18, .08), 16px 16px 8px rgba(3, 7, 18, .1);--shadow-elevation-highest: 3px 3px 3px rgba(3, 7, 18, .04), 13px 13px 13px rgba(3, 7, 18, .08), 29px 29px 29px rgba(3, 7, 18, .12), 51px 51px 51px rgba(3, 7, 18, .16), 80px 80px 80px rgba(3, 7, 18, .2);font-size:16px;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-elevation-low{box-shadow:var(--shadow-elevation-low)}.shadow-elevation-medium{box-shadow:var(--shadow-elevation-medium)}.shadow-elevation-hover{box-shadow:var(--shadow-elevation-hover)}.shadow-elevation-high{box-shadow:var(--shadow-elevation-high)}.shadow-elevation-highest{box-shadow:var(--shadow-elevation-highest)}#root{min-height:100vh;display:grid;grid-template-rows:100px 1fr 75px}.heading-text{font-family:heading-text,Verdana,sans-serif;font-size:36px;margin:auto;width:max-content}.body-text{font-family:body-text,Roboto,sans-serif;font-size:16px}.page-header{margin:auto;width:max-content}h1,h2,h3,h4{font-family:heading-text,Verdana,sans-serif;height:max-content;letter-spacing:-.5px}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.875rem}h4{font-size:1.5rem}.large-text{font-size:1.25rem}p{font-size:1rem}.small-text{font-size:.875rem}.smallest-text{font-size:.75rem}main{background:linear-gradient(180deg,var(--gradient-top) 0%,var(--gradient-bottom) 100%)}footer{background:linear-gradient(180deg,#17285f,#070124)}@media (max-width: 937px){#root{grid-template-rows:75px 1fr 50px}}@media (max-width: 550px){h1{font-size:2rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.large-text{font-size:1.175rem}}.image-container{width:100%;height:200px;overflow:hidden;border-style:solid;border-width:2px 0px;border-color:var(--darkest-blue)}.image-container img{width:100%;height:200px;object-fit:cover;display:block}@media (max-width: 650px){.image-container,.image-container img{height:150px}}@media (max-width: 480px){.image-container,.image-container img{height:100px}}.release-container{display:flex;gap:60px;justify-content:center;padding:40px}.release-art img{width:400px;height:400px;border-radius:8px}.release-info{display:flex;flex-direction:column;padding:16px 0;gap:20px;align-items:center}.release-info h1,.release-info p{align-self:start}.release-info p{font-family:body-text}.release-button{width:200px}@media (max-width: 937px){.release-container{flex-direction:column;align-items:center;gap:28px}.release-info{gap:16px}.release-info h1,.release-info p{align-self:center}.release-info p{text-align:center}}@media (max-width: 480px){.release-container{padding:28px}.release-art img{width:100%;height:auto}}.button-primary,.button-secondary,.button-tertiary{font-family:body-text;font-size:1rem;border:1px solid black;border-radius:8px;padding:8px 12px;text-align:center;transition:transform .25s,box-shadow .25s;will-change:transform;backface-visibility:hidden}.button-primary,.button-secondary{color:#000}.button-primary{background-color:var(--yellow)}.button-secondary{background-color:var(--orange)}.button-tertiary{background-color:var(--gray);color:var(--off-white)}.button-primary:hover,.button-secondary:hover,.button-tertiary:hover{transform:scale(1.1);box-shadow:var(--shadow-elevation-hover);font-size:16px}.upcoming-shows-header{text-align:center;padding-bottom:28px}.shows-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.show-item-container{display:grid;align-items:center;justify-content:center;grid-template-columns:300px 250px 200px 100px;gap:16px;border-bottom:2px solid black;padding:12px}.show-item-container p{font-family:body-text}.date-and-title{display:flex;flex-direction:column;gap:4px}.subtitle{font-family:heading-text-italic;font-size:1.25rem}.free{font-family:body-text;font-size:1rem;text-align:center;font-weight:500}@media (max-width: 937px){.show-item-container{width:85%;display:flex;flex-direction:column}.show-item-container p{text-align:center}.date-and-title{align-items:center}.subtitle{text-align:center}}.home-page-container{padding-bottom:60px;display:flex;flex-direction:column;align-items:center;gap:28px}.description{max-width:900px;font-family:body-text;text-align:center;padding:60px 20px 20px}.shows-page-container{padding:40px 0;display:flex;flex-direction:column;align-items:center;gap:40px}.shows-page-container .upcoming-shows-header{font-size:3rem}.shows-page-container img.poker{aspect-ratio:1.8254/1;width:481.5px;height:auto;object-fit:cover}@media (max-width: 550px){.shows-page-container .upcoming-shows-header{font-size:2rem}.shows-page-container img.poker{width:90%}}.videos-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;margin:40px 0 100px}@media (max-width: 937px){.videos-container{gap:40px;margin:40px 0}}.video-item-container{width:100%;display:flex;flex-direction:column;gap:20px;align-items:center}.youtube-container{width:768px;height:432px;border:none;border-radius:8px}@media (max-width: 937px){.video-item-container{padding:0 20px}.video-item-container h4{text-align:center;width:75%}.youtube-container{aspect-ratio:16/9;width:85%;height:auto}}.release-info-modal-track-container{display:flex;flex-direction:column;align-items:center;gap:8px}.release-info-modal-track-container h4{text-align:center;font-family:body-text,Roboto,sans-serif;font-weight:500}.release-info-modal-track-list{font-family:body-text,Roboto,sans-serif;font-size:16px;width:200px}.release-info-modal-container{z-index:3;display:flex;position:fixed;top:0;left:0;height:100vh;width:100vw;flex-direction:column;align-items:center;transition:background-color .5s ease-in-out;padding:40px 20px;transform:scale(0)}.release-info-modal-container.active{transform:scale(1);background-color:#03071240}.release-info-modal{display:flex;width:600px;padding:0 28px 28px;flex-direction:column;justify-content:start;align-items:center;gap:28px;background-color:var(--gradient-top);border-radius:8px;max-height:80vh;overflow-y:auto;opacity:0%;transition:opacity .5s ease-in-out}.release-info-modal.active{opacity:100%}.release-info-modal-title-and-close-container{width:100%;display:grid;grid-template-columns:24px 1fr 24px;justify-items:center;align-items:center;position:sticky;top:0;background-color:var(--gradient-top);padding-top:28px;padding-bottom:12px}.release-info-modal-title{grid-column-start:2;text-align:center}.release-info-modal-close{height:32px;width:32px;aspect-ratio:1/1;grid-column-start:3;cursor:pointer}.release-info-modal img.release-info-modal-cover-art{width:350px;height:350px;aspect-ratio:1/1;border-radius:8px}.release-info-modal-listen{font-family:body-text,Roboto,sans-serif;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:8px}.release-info-modal-links-container{display:flex;align-items:flex-start;gap:20px}.release-info-modal-links-container img{width:32px;height:32px;aspect-ratio:1/1}.release-info-modal-links-container a.active{transform:scale(1.2);transition:.2s;opacity:100%}.release-info-modal-links-container a.inactive{opacity:50%;transition:.2s}@media (max-width: 700px){.release-info-modal{width:100%}}@media (max-width: 462px){.release-info-modal img.release-info-modal-cover-art{width:100%;height:auto}.release-info-modal-links-container img{width:24px;height:24px;aspect-ratio:1/1}}.release-item-container{width:100%;display:flex;flex-direction:column;gap:20px;align-items:center}.release-item-container:hover{cursor:pointer}.release-cover-art{width:100%;border-radius:8px;transition:transform .25s,box-shadow .25s}.release-name{font-family:body-text;text-align:center}.release-cover-art:hover{transform:scale(1.05);box-shadow:var(--shadow-elevation-hover)}.release-list-container{margin:60px auto;display:grid;grid-template-columns:repeat(auto-fit,350px);grid-auto-rows:400px;column-gap:40px;row-gap:60px;justify-content:space-around;width:85%}@media (max-width: 937px){.release-list-container{margin:40px auto}}@media (max-width: 425px){.release-list-container{grid-template-columns:repeat(auto-fit,300px);grid-auto-rows:350px}}.music-container{margin:40px 0 100px}.about-container{display:flex;flex-direction:column;gap:28px;align-items:center;margin:40px 0 100px}.content-sections{display:flex;flex-direction:column;gap:60px}.pic-and-paragraph{display:flex;flex-direction:column;gap:40px;align-items:center}.pic-and-paragraph p{width:650px;text-align:left;font-family:body-text}.pic-and-paragraph img{width:700px;aspect-ratio:16/9;height:auto;border-radius:8px;object-fit:cover}.pic-and-paragraph .band-members,.pic-and-paragraph .booking-text{text-align:center}@media (max-width: 937px){.about-container{display:flex;flex-direction:column;gap:28px;align-items:center;margin:40px 0}.content-sections{gap:40px}.pic-and-paragraph{gap:28px}.pic-and-paragraph img{width:85%}.pic-and-paragraph p,.pic-and-paragraph ul{width:75%}}a{font-family:body-text,sans-serif;font-size:1rem}.link-primary,.link-secondary{-webkit-text-stroke:2px black;paint-order:stroke fill}.link-primary{color:var(--yellow)}.link-secondary{color:var(--orange)}.link-tertiary{text-decoration:underline;color:#000}header{z-index:2;background:var(--light-blue);padding:0 40px;display:flex;position:sticky;top:0;justify-content:space-between;align-items:center}.logo-wrapper{max-height:85px;max-width:max-content;display:flex;gap:20px;align-items:center}.logo{height:85px;width:auto}.band-name{font-size:2.25rem;font-family:heading-text,sans-serif;letter-spacing:-.5px;color:#000}@media (max-width: 937px){.logo-wrapper,.logo{height:65px}.band-name{font-size:1.875rem}}@media (max-width: 550px){.band-name{font-size:24px}}.nav-menu{max-width:max-content;font-family:body-text;font-size:1.25rem;display:flex}.nav-menu a{color:#000;font-weight:700;font-size:1.25rem;padding-left:10px;padding-right:10px}.nav-menu a.active{color:var(--yellow);-webkit-text-stroke:2px black;paint-order:stroke fill}.nav-menu a.hover{transition:.2s;opacity:100%}.nav-menu a.inactive{opacity:50%;transition:.2s}@media (max-width: 937px){header>.nav-menu{display:none}}@media (max-width: 937px){.nav-menu{column-gap:0px;gap:0px}.nav-menu a{padding:0 0 12px}}.hamburger-icon{width:48px;display:none;cursor:pointer}@media (max-width: 937px){.hamburger-icon{display:block}}.social-media-links-wrapper{width:max-content;height:max-content;display:flex}.social-media-links-wrapper a,.social-media-links-wrapper img{height:24px;width:auto}.social-media-links-wrapper img{filter:invert(100%) sepia(46%) saturate(501%) hue-rotate(295deg) brightness(104%) contrast(96%)}.social-media-links-wrapper a{opacity:100%;transform:scale(1);transition:.2s;width:100%;padding-left:20px;padding-right:20px}.social-media-links-wrapper a.active{transform:scale(1.2);transition:.2s;opacity:100%}.social-media-links-wrapper a.inactive{opacity:50%;transition:.2s}@media (max-width: 600px){.social-media-links-wrapper{gap:40px}.social-media-links-wrapper a{padding-left:0;padding-right:0;width:auto}}.mobile-nav-menu-container{display:none;flex-direction:column;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:var(--light-blue);padding:20px 40px 40px;transform:translate(100%);transition:transform .5s ease-in-out}.mobile-nav-menu-active{transform:translate(0)}.upper-container{height:min-content;width:100%;display:flex;flex-direction:column;align-items:center;gap:40px}.logo-close-container{height:150px;width:100%;display:flex;align-items:center;justify-content:space-between}.mobile-nav-menu-logo{height:150px;width:150px}.mobile-nav-menu-close{height:56px;width:auto;cursor:pointer}.mobile-nav-menu-container .nav-menu{flex-direction:column}.mobile-nav-menu-container .nav-menu a{font-size:3rem}.mobile-nav-menu-container .social-media-links-wrapper{justify-self:end}.mobile-nav-menu-container .social-media-links-wrapper img{filter:none}.mobile-nav-menu-container .social-media-links-wrapper a,.mobile-nav-menu-container .social-media-links-wrapper img{height:40px}.mobile-nav-menu-container img.poker{aspect-ratio:1.8254/1;width:481.5px;height:auto;object-fit:cover}@media (max-height: 1100px){.upper-container{gap:20px}.mobile-nav-menu-container .nav-menu a{font-size:2.5rem}}@media (max-width: 800px){.mobile-nav-menu-container{padding:20px 28px 120px}.mobile-nav-menu-container img.poker{width:300px}}@media (max-width: 600px){.mobile-nav-menu-container{padding:20px 28px 120px}.upper-container{gap:12px}.logo-close-container{height:100px}.mobile-nav-menu-logo{height:100px;width:100px}.mobile-nav-menu-close{height:48px;width:auto}.mobile-nav-menu-container .nav-menu a{font-size:1.875rem}.mobile-nav-menu-container img.poker{width:80%}.social-media-links-wrapper{width:240px;flex-wrap:wrap;justify-content:space-around}}@media (max-height: 800px){.upper-container{gap:20px}.logo-close-container{height:50px}.mobile-nav-menu-logo{height:50px;width:50px}.mobile-nav-menu-close{height:32px;width:auto}.mobile-nav-menu-container .nav-menu a{font-size:1.5rem}.mobile-nav-menu-container img.poker{width:80%}.mobile-nav-menu-container .social-media-links-wrapper a,.mobile-nav-menu-container .social-media-links-wrapper img{height:32px}}@media (max-width: 937px){.mobile-nav-menu-container{display:flex}}@media (max-width: 937px) and (orientation: landscape){.mobile-nav-menu-container{gap:60px;justify-content:flex-start}.mobile-nav-menu-container .nav-menu{flex-direction:row;gap:20px}.mobile-nav-menu-container img.poker{display:none}}footer{color:var(--off-white);font-family:body-text,sans-serif}.footer-wrapper{width:max-content;height:100%;margin:auto;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}.footer-wrapper span{width:max-content}@media (max-width: 937px){footer .social-media-links-wrapper{display:none}}