body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#2e2e2e;background-color:var(--background-color)}:root{--button-color:#031ea5;--text-color:#d9d9d9;--background-color:#2e2e2e;--header-footer-coloer:#101010;--link-color:#0946ff;--button-hover-color:#001a80;--header-font-family:"Roboto Slab",serif;--text-font-family:"Roboto Mono",monospace;--first-header-size:40px;--second-header-size:24px;--text-size:16px}header{align-items:center;background-color:var(--header-footer-coloer);box-sizing:border-box;display:flex;height:70px;justify-content:space-between;padding:10px 20px}header img{height:auto;width:50px}nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}nav a{color:var(--text-color);font-family:var(--header-font-family);font-size:var(--second-header-size);font-weight:700;letter-spacing:1px;text-decoration:none;text-transform:uppercase}nav a.active,nav a:hover{text-decoration:underline}.hero-section{background-image:url(/static/media/Home%20Background.5332b1940820a92fc8cd.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:calc(100vh - 70px);overflow:hidden;position:relative}.hero-section:after{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;content:"";height:50%;left:0;pointer-events:none;position:absolute;width:100%;z-index:1}.overlay{left:50%;max-width:1000px;padding:0 20px;position:absolute;text-align:center;top:75%;transform:translate(-50%,-50%);width:100%}.overlay h1{font-family:var(--header-font-family);font-size:var(--second-header-size);margin-bottom:30px;text-shadow:2px 2px 4px #000000b3;text-transform:uppercase;white-space:nowrap}.cta-button,.overlay h1{color:var(--text-color);font-weight:700}.cta-button{background-color:var(--button-color);border:none;border-radius:4px;cursor:pointer;font-family:var(--text-font-family);font-size:var(--text-size);padding:16px 32px;transition:background-color .3s ease}.cta-button:hover{background-color:var(--button-hover-color)}.about-section{background-color:var(--background-color);color:var(--text-color);padding:40px 20px 10px;text-align:center}.about-section h2{font-family:var(--header-font-family);font-size:var(--first-header-size);letter-spacing:1px;margin-bottom:20px;text-decoration:underline;text-transform:uppercase}.about-section p{line-height:1.8;margin:0 auto 40px;max-width:800px;text-align:left}.about-section p,.contact-button{font-family:var(--text-font-family);font-size:var(--text-size)}.contact-button{background-color:var(--button-color);border:none;border-radius:4px;color:var(--text-color);cursor:pointer;font-weight:700;padding:12px 24px;text-transform:uppercase;transition:background-color .3s ease}.contact-button:hover{background-color:var(--button-hover-color)}.video-wrapper{aspect-ratio:16/9;background-color:var(--background-color);border:1px solid #000;margin:0 auto 20px;max-width:1000px;position:relative;width:100%}.video-wrapper iframe{border:none;height:100%;width:100%}.watch-more-button{background-color:var(--button-color);border:none;border-radius:4px;color:var(--text-color);cursor:pointer;font-family:var(--text-font-family);font-size:var(--text-size);font-weight:700;padding:12px 24px;text-transform:uppercase;transition:background-color .3s ease}.watch-more-button:hover{background-color:var(--button-hover-color)}.videos-section{background-color:var(--background-color);color:var(--text-color);padding:10px 20px 40px;text-align:center}.videos-section h2{font-family:var(--header-font-family);font-size:var(--first-header-size);letter-spacing:1px;margin-bottom:20px;text-decoration:underline;text-transform:uppercase}.gigs-section{background-color:var(--background-color);color:var(--text-color);padding:60px 20px;text-align:center}.gigs-section h2{font-family:var(--header-font-family);font-size:var(--first-header-size);letter-spacing:1px;margin-bottom:20px;text-decoration:underline;text-transform:uppercase}.gigs-content{align-items:center;display:flex;gap:40px;justify-content:center}.gigs-content img{border:1px solid #fff;height:auto;object-fit:cover;width:300px}.gig-details{max-width:500px;text-align:left}.gig-details p{line-height:1.6;margin-bottom:20px}.gig-details p,.read-more-button{font-family:var(--text-font-family);font-size:var(--text-size)}.read-more-button{background-color:var(--button-color);border:none;border-radius:4px;color:var(--text-color);cursor:pointer;font-weight:700;padding:12px 24px;text-transform:uppercase;transition:background-color .3s ease}.read-more-button:hover{background-color:var(--button-hover-color)}.band-section{background-color:var(--background-color);color:var(--text-color);padding:60px 20px;text-align:center}.band-section h2{font-family:var(--header-font-family);font-size:var(--first-header-size);letter-spacing:1px;margin-bottom:20px;padding-bottom:20px;text-decoration:underline;text-transform:uppercase}.member{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:20px}.member img{border:2px solid #fff;border-radius:50%;height:150px;object-fit:cover;transition:transform .3s ease;width:150px}.member img:hover{transform:scale(1.1)}.member-info{max-width:500px;text-align:left}.member-info h3{font-size:var(--second-header-size);font-weight:700;margin-bottom:10px;text-transform:uppercase}.member-info h3,.member-info p{font-family:var(--text-font-family)}.member-info p{font-size:var(--text-size);line-height:1.6}.container{background-color:#2e2e2e}.video-background{background-color:#ddd;height:240px;margin:0 auto 30px;width:40%}.video-background img{display:block;height:100%;object-fit:cover;width:100%}.controls{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.tabs-search-container{align-items:center;display:flex;gap:10px;justify-content:center}.tabs .tab{background:none;border:none;color:var(--text-color);cursor:pointer;font-family:var(--header-font-family);font-size:var(--first-header-size);font-weight:700;margin-right:12px}.tabs .tab:last-child{margin-right:0}.tabs .tab.active{text-decoration:underline}.search-icon-btn{background:none;border:none;cursor:pointer;font-size:32px;padding:5px}.search{display:flex;gap:10px;margin-top:10px}.search input,.search-btn{font-size:16px;padding:5px 10px}.search-btn{cursor:pointer}.container{margin:0 auto;max-width:1000px;padding:20px}.video-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);justify-items:center;margin-top:30px}.video-card{background:#2e2e2e;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:100%}.video-card:hover{box-shadow:0 6px 18px #0003;transform:translateY(-6px)}.video-thumbnail img{display:block;height:auto;width:100%}.video-card p{color:#d9d9d9;font-family:var(--text-font-family);font-size:var(--text-size);font-weight:500;padding:10px;text-align:center}.pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin:20px 0}.page-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.page-btn:disabled{background-color:#ccc;cursor:not-allowed}.page-btn:hover:not(:disabled){background-color:#0056b3}.modal-overlay{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:fadeIn .3s ease-in-out;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-width:1200px;position:relative;width:90%}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.grid-video-wrapper{border-radius:10px;margin-bottom:10px;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.grid-video-wrapper iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.footer{background-color:var(--header-footer-coloer);color:var(--text-color);font-family:var(--text-font-family);font-size:var(--text-size);font-weight:700;letter-spacing:1px;padding:30px 20px;text-align:center;text-transform:uppercase}.footer .social-icons{display:flex;gap:20px;justify-content:center;margin-top:10px}.footer .icon{align-items:center;border:1px solid #000;border-radius:50%;cursor:pointer;display:inline-flex;font-size:16px;height:30px;justify-content:center;transition:background-color .3s ease;width:30px}.footer .icon:hover{background-color:#999;color:#fff}
/*# sourceMappingURL=main.dc332037.css.map*/