@import"https://fonts.googleapis.com/css2?family=Rubik&family=Rubik+Dirt&family=Rubik+Wet+Paint&display=swap";:root{--primary-color: rgb(111, 45, 168);--secondary-color: white;--tertiary-color: #000000}*{box-sizing:border-box;margin:0;padding:0}body{background-image:url(https://i.imgur.com/sPVenk7.jpg);background-size:cover;background-position:bottom;background-repeat:no-repeat;background-color:#343434;background-blend-mode:multiply;font-family:Rubik,sans-serif;height:100%}@keyframes fadeLeft{0%{opacity:0;transform:translate(300px)}to{opacity:1;transform:translate(0)}}@keyframes fadeRight{0%{opacity:0;transform:translate(-300px)}to{opacity:1;transform:translate(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}nav{display:flex;justify-content:space-between;align-items:center;padding:.25rem 1rem;background-color:#0000004d;box-shadow:0 8px 20px #0009}.nav-container{display:flex;justify-content:space-evenly;align-items:center;width:40%}.nav-logo{width:200px}.nav-item{color:#fff;text-decoration:none;font-size:1.5rem;position:relative}.nav-item:before{content:"";position:absolute;bottom:-5px;height:2px;width:100%;background-color:#fff;transition:.3s;transition-timing-function:ease-in-out;transform:scaleX(0)}.nav-item:hover:before{transform:scaleX(1)}.socials-container,.footer-socials-container{width:10%;display:flex;justify-content:space-evenly;align-items:center}.footer-socials-container{width:100%}.admin-button-wrapper{width:100%;display:flex;justify-content:center;align-items:center;margin-top:5rem}.admin-button:hover{color:#fff}@keyframes slideIn{0%{left:-60vw;opacity:0}to{left:0;opacity:1}}@keyframes slideOut{0%{left:0;opacity:1}to{left:-60vw;opacity:0}}.hamburger-icon{display:none}.hamburger-menu{position:fixed;top:0;left:-50vw;width:50vw;height:100vh;background-color:#000;overflow-y:auto;z-index:1000}.hamburger-menu.active{animation:slideIn .3s forwards}.hamburger-menu.inactive{animation:slideOut .3s forwards}.hamburger-nav-container{padding:20px}.hamburger-nav-item{display:block;padding:10px 0;color:#fff;text-decoration:none;font-size:2rem;margin-bottom:1rem}.hamburger-nav-item:hover{background-color:#ffffff1a}.hamburger-socials-container{display:flex;justify-content:space-around;padding:20px 0;background-color:#0000001a}.hamburger-social-icon{color:#fff;font-size:24px}footer{width:100%;display:flex;justify-content:space-between;align-items:center;padding:2rem 1rem;background-color:#0000004d;box-shadow:0 8px 20px #0009}.footer-container{width:100%;display:flex;justify-content:space-between;align-items:center}.social-items{width:15%;display:flex;justify-content:space-evenly;align-items:center}.social-icon,.hamburger-social-icon{color:#6f2da8;font-size:2rem}.social-icon:hover,.hamburger-social-icon:hover{color:#fff}.footer-right-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:10%}.terms-wrapper{display:flex;justify-content:space-between;margin-bottom:5px}.credits-terms{color:#fff;font-size:.5rem;margin-top:.5rem;text-decoration:none}.credits{color:#fff;font-size:.5rem;margin-top:1rem;text-decoration:none}.credits:hover,.credits-terms:hover{text-decoration:underline}.contact-button{border:none;padding:.5rem 1.5rem;color:#fff;border-radius:15px;text-decoration:none;font-size:1.5rem;background-color:#6f2da8}.contact-button:hover{background-color:#8c39d4;box-shadow:0 8px 20px #0009}.main{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh}.main-logo{width:600px;opacity:0;animation:fadeUp 1s ease-out forwards;transition:.6s}.main-logo{animation-delay:1s}.tagline{color:#fff;font-size:2rem;margin:2.5rem 0;font-variant:small-caps;animation:fadeLeft 1s ease-out forwards;transition:.6s}.members-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:2rem;margin:2rem 0}.member-image{width:300px;height:300px;opacity:0;animation:fadeUp 1s ease-out forwards}.two{animation-delay:.5s}.three{animation-delay:.8s}.four{animation-delay:1.1s}.member-image:hover{border:solid 3px white}.quick-view-container{display:flex;justify-content:center;align-items:start;width:80%}h1{color:#fff}.contact-section{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2rem 1rem;min-width:50%}.call-to-action-container{text-align:center}.call-to-action{color:#fff;margin-bottom:1rem}.contact-form{border-radius:25px 0;background-color:#00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;min-width:40%}.disclaimer{font-size:.75rem}label{color:#fff;width:100%;text-align:left;margin-top:1rem;margin-bottom:.5rem;font-size:1.25rem}.input-box{width:100%;height:2.5rem;font-family:Rubik,sans-serif;padding:6px;font-size:1rem;border-radius:5px;border:none;box-shadow:0 8px 20px #0009}select{width:100%;height:2.5rem;font-family:Rubik,sans-serif;font-size:1rem;border-radius:5px;border:none;padding:4px;box-shadow:0 8px 20px #0009}.text-box{padding:6px;font-size:1rem;border-radius:5px;border:none;min-width:100%;min-height:200px;max-width:500px;max-height:400px;box-shadow:0 8px 20px #0009}.text-box:focus{border-color:#6f2da8;box-shadow:0 0 5px #2d2d2d80}.contact-submit-button{margin-top:1.5rem;padding:1rem 3rem;font-size:1.25rem;border-radius:15px;border:none;color:#fff;background-color:#6f2da8}.contact-submit-button:hover{cursor:pointer;background-color:#8c39d4;box-shadow:0 8px 20px #0009}.error-message{color:red;font-family:Rubik,sans-serif;margin-top:2rem}.success-message{color:green;font-family:Rubik,sans-serif;margin-top:2rem}.feature-section{min-width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.next-show-container{display:flex;justify-content:center;align-items:center}.next-show{padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border:rgba(111,45,168,.5) solid 1px;border-radius:25px 0;background-color:#0006;width:600px}.next-show:hover{border:white solid 1px}.next-show-image{width:200px;border-radius:15px;margin:1rem 0 2rem;box-shadow:0 8px 20px #0009}.shows-link{text-decoration:none;color:#fff;width:600px;margin:2rem;opacity:0;transform:translate(200px);transition:opacity 1s,transform 1s;display:flex;justify-content:center;align-items:center}.shows-link.visible{opacity:1;transform:translate(0)}.show-title{color:#fff;margin:.5rem 0;font-size:2rem}hr{width:80%;margin:1rem 0}.info-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;place-items:center center;margin-left:2rem}.show-label,.show-data{color:#fff;width:100%;margin-bottom:.5rem}.clip-link{text-decoration:none;color:#fff;width:700px;margin:2rem;opacity:1;transform:translate(-200px);transition:opacity 1s,transform 1s}.clip-link.visible{opacity:1;transform:translate(0)}.latest-clip{opacity:1;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:25px 0;background-color:#0006;border:rgba(111,45,168,.5) solid 1px}.in-view{opacity:0;transform:translate(-200px);transition:opacity 1s,transform 1s}.in-view.visible{opacity:1;transform:translate(0)}.latest-clip:hover{border:solid white 1px}.clip-header{margin-bottom:2rem}.youtube-clip{width:550px;height:350px;border-radius:25px;box-shadow:0 8px 20px #0009}.about-page{background-image:url(/images/RockBandPic.jpg);background-size:cover;background-position:bottom;background-repeat:no-repeat;background-color:#1f1f1f;background-blend-mode:multiply;font-family:Rubik,sans-serif;overflow-x:hidden}.about-content-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw}.page-title{font-size:4rem;margin:2rem 0}.band-about{display:flex;justify-content:center;align-items:center;max-width:50%;min-width:950px;min-height:504px;background-color:#0006;padding:2rem;opacity:0;animation:fadeRight 1s ease-out forwards}.band-promo-pic{width:300px;height:440px;border-radius:5px}.about-blurb{color:#fff;letter-spacing:2px;line-height:30px;margin-left:3rem;background-color:#0003;border:white solid 2px;padding:3.25rem;max-height:440px;overflow:auto}.about-members-grid{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1rem 0;width:45%}.member-section{display:flex;width:100%;min-width:500px;justify-content:center;opacity:0;transform:translate(200px);transition:opacity 1s,transform 1s}.member-section.visible{opacity:1;transform:translate(0)}.about-member-image{max-width:250px;max-height:100%;height:auto;align-self:stretch}.member-content{display:flex;flex-direction:column;justify-content:center;align-items:start;background-color:#0006;padding:2rem;flex:1;max-height:400px;min-width:400px;overflow:auto}.member-name,.member-role{color:#fff;margin:0 0 1rem}.member-about{color:#fff;line-height:25px;margin-top:1rem;overflow:auto}.home-page{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;background-image:url(https://i.imgur.com/sPVenk7.jpg);background-size:cover;background-position:bottom;background-repeat:no-repeat;background-color:#343434;background-blend-mode:multiply}.page-container{flex:1}.spotify-player-title{margin-top:1rem;margin-bottom:2rem;font-size:2.5rem}.spotify-player{width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center}.search-container{width:100%;display:flex;justify-content:end;align-items:center}.search-bar{margin:2rem 2rem 0 0;padding:.1rem;width:250px;height:2rem;font-size:1.25rem;border-radius:5px;border:none;background-image:()}.search-bar:focus{outline:solid 2px rgb(111,45,168)}.song-list-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.page-header{font-size:4rem;margin:2rem 0}.song-list-grid{display:grid;width:50%;grid-template-columns:1fr 1fr;place-items:center center}.song-header,.artist-header{color:#fff}.song-details-grid{display:grid;width:50%;grid-template-columns:1fr 1fr;justify-content:center;align-items:center;grid-gap:2rem}.table-break{margin:1.5rem 0}.song-name,.song-artist{color:#fff;font-size:1.5rem;text-align:center;margin-bottom:.5rem}.shows-page-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.shows-grid{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:3rem;margin-bottom:2rem}.show-item{border:rgba(111,45,168,.5) solid 1px;border-radius:25px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;margin-bottom:2rem;min-width:600px;text-align:center;background-color:#00000080;opacity:0;animation:fadeRight 1s ease-out forwards}.show-data-container{display:flex;justify-content:center;align-items:center}.show-data-grid{display:grid;grid-template-columns:1fr 1fr;place-items:center center;width:90%;text-align:left;margin-left:2rem}.show-poster{width:200px;border-radius:5px}.venue-name{font-size:2.5rem;margin-bottom:1rem}.venue-name,.show-data-title,.show-data-info{color:#fff;width:100%}.show-data-title,.show-data-info{margin-bottom:1rem}.add-to-calendar-button{text-decoration:none;color:#fff;padding:.75rem 2rem;background-color:#6f2da8;font-size:1rem;border-radius:5px;margin-top:1.5rem;border:none}.add-to-calendar-button:hover{background-color:#8c39d4;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center}.modal-content{background-color:#6f2da8;padding:20px;width:80%;max-width:400px;text-align:center;border-radius:5px;display:flex;flex-direction:column;align-items:center}.modal-content p{color:#fff;font-size:1.25rem;margin-bottom:1.5rem}.modal-content button{text-decoration:none;color:#fff;padding:.75rem 1.5rem;background-color:#ffffff1a;font-size:1rem;border-radius:5px;margin:.5rem;border:none;cursor:pointer;transition:background-color .3s}.modal-content button:hover{background-color:#fff3}@media screen and (max-width: 1200px){.main{display:flex;flex-direction:column;justify-content:center;align-items:center}.youtube-clip{width:400px;height:250px;border-radius:25px;box-shadow:0 8px 20px #0009}.about-members-grid{width:80vw}.band-about{max-width:50%;min-width:950px;min-height:504px}.band-promo-pic{width:300px;height:440px}.about-blurb{letter-spacing:2px;line-height:30px;margin-left:3rem;padding:3.25rem;max-height:440px}}@media screen and (max-width: 900px){body{background-image:none;background-color:#000;font-family:Rubik,sans-serif}nav{position:fixed;z-index:1000;background-color:#000000e6;width:100vw}.nav-container,.socials-container{display:none}.hamburger-icon{display:block}.nav-logo{width:150px}.main-logo{width:350px;margin-top:7rem}.admin-button{display:none}.tagline{font-size:1.5rem;text-align:center;margin:2.5rem 1rem;max-width:80vw}.members-grid{display:grid;grid-template-columns:1fr 1fr;margin:2rem 0}.member-image{width:175px;height:175px}.quick-view-container{flex-direction:column;align-items:center;width:90%}.clip-link{width:380px;margin:2rem 0;overflow:hidden}.latest-clip{padding:1rem 0}.youtube-clip{width:350px;height:250px;border-radius:25px;box-shadow:0 8px 20px #0009}.next-show{padding:2rem;width:380px}.next-show-image{width:200px}.shows-link{width:380px;margin:2rem;overflow:hidden}.info-grid{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-left:2rem;grid-gap:0}.show-label{margin-bottom:.3rem}.show-data{font-size:.75rem;margin-bottom:0}.footer-right-container{width:40%}.footer-socials-container{width:100%}.contact-form{margin-top:7rem}.contact-section{width:90%;margin-top:0}.cta-header{font-size:1.75rem}.cta-subheader{font-size:1.5rem}.shows-grid{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1.5rem;margin-bottom:2rem}.show-item{padding:1rem;min-width:400px}.show-data-grid{display:flex;flex-direction:column;width:100%;margin-left:3rem}.show-poster{width:200px;border-radius:5px}.venue-name{font-size:2.5rem;margin-bottom:1rem}.page-title{font-size:2.5rem;margin:7rem 0 1rem;text-align:center}.venue-name,.show-data-title,.show-data-info{color:#fff;width:100%}.show-data-title{margin-bottom:.2rem}.show-data{margin-bottom:.7rem}.show-data-info{font-size:.75rem;margin-bottom:.7rem}.page-container{margin-top:7rem;margin-bottom:3rem}.search-container{justify-content:center}.search-bar{padding-left:8px;margin:2rem 0 0}.song-details-grid{width:100%;grid-gap:0}.song-list-grid{width:100%}.song-name,.song-artist{font-size:1rem}.page-header{font-size:3rem}.spotify-player-title{text-align:center}.spotify-player-embed{width:75%}.member-section{min-width:390px;overflow:hidden}.about-member-image{max-width:175px;max-height:60%;height:auto;align-self:auto}.member-content{display:flex;flex-direction:column;justify-content:center;align-items:start;padding:0;margin-left:1rem;max-height:600px;min-width:200px;overflow:auto}hr{margin:0}.member-name,.member-role{margin:0 0 1rem}.member-name{font-size:1.25rem}.member-role{font-size:.9rem}.member-about{font-size:.75rem;line-height:25px;overflow:auto}.band-about{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:80%;min-width:350px;min-height:504px;text-align:center;border:white solid 2px;padding:1.5rem 0}.band-promo-pic{width:225px;height:330px}.about-blurb{letter-spacing:0px;line-height:25px;margin-left:0;border:none;padding:0;max-height:440px;width:90%;padding-top:2rem;overflow:auto;font-size:.9rem}.add-to-calendar-button{text-decoration:none;color:#fff;padding:.5rem 1rem;background-color:#6f2da8;font-size:.75rem;border-radius:5px;margin-top:1rem}}.admin-login-page{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:start;align-items:center;background:black}.login-form-container{width:370px;height:500px;display:flex;flex-direction:column;justify-content:start;align-items:center;background-color:#ffffffdf;border-radius:10px;padding:2rem 0}.logo-image{width:250px}.login-form{display:flex;flex-direction:column;justify-content:start;align-items:center;margin-top:1rem}.input-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.input-field-label{color:#000;width:100%}.email-input,.password-input{width:250px;height:35px;font-size:1rem;padding:2px 8px;border-radius:5px;border:1px solid rgb(170,170,170)}.login-button{margin:2rem 0;padding:.75rem 6rem;border:none;border-radius:10px;background-color:#6f2da8;color:#fff;font-size:1.25rem}.login-button:hover{background-color:#8c39d4;cursor:pointer}.error-message2{width:100%;color:red;text-align:center;margin-top:1rem;font-weight:700;font-size:.8rem}body{background:black}.admin-home-page-wrapper{background-color:#000;width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:start;align-items:center}.hamburger-admin-button:hover{color:#fff}.admin-home-title{font-size:3rem;margin-bottom:2rem}.form-select{width:350px;height:fit-content;font-size:1.5rem;text-align:center;margin-bottom:2rem}.song-form{padding:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border:white solid 1px;border-radius:5px}.data-input{width:100%;height:40px;padding-left:10px;font-size:1rem;border-radius:5px}.song-data-input{width:250px;height:40px;padding-left:10px;font-size:1rem;border-radius:5px}.song-form-submit{padding:.75rem 3rem;margin-top:1rem;background-color:#6f2da8;color:#fff;font-family:Rubik,sans-serif;font-weight:700;border:white solid 1px;border-radius:10px}.song-form-submit:hover{cursor:pointer;background-color:#5b258b}.form-error,.submission-error{color:red;text-align:center;margin-top:1rem}.success-message{color:green;text-align:center;margin-top:1rem}.song-form-label{text-align:center}.select-input{width:300px;margin:1rem 0}.radio-button-input-wrapper{width:100%;margin-bottom:.5rem}.radio-button-input{margin-right:.5rem}.confirm-delete-modal{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.modal-prompt{margin:2rem 0;color:#fff}.buttons-wrapper{display:flex;justify-content:space-evenly;align-items:center;width:100%}.confirm,.decline{padding:.25rem 2rem;border:white solid 1px;border-radius:5px;color:#fff}.confirm:hover,.decline:hover{cursor:pointer}.confirm{background-color:#00b600}.confirm:hover{background-color:#029a02}.decline{background-color:#b10000}.decline:hover{background-color:#870202}.show-form{padding:1.5rem 2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border:white solid 1px;border-radius:5px;margin-top:1rem}.format-example{color:#ffffff9d;text-align:left;width:100%;font-size:.75rem}.image-instructions{width:90%;font-size:.9rem;margin-top:1rem}.instructions{color:#fff;margin-top:.5rem}@media screen and (max-width: 900px){.form-select{margin-top:3rem}.admin-home-title{margin-bottom:0;margin-top:7rem}}.admin-logout-wrapper{width:100%;display:flex;justify-content:left;align-items:center;margin-top:1rem}.admin-logout-button{margin:0 0 0 1rem;padding:.5rem 4rem;border:none;border-radius:10px;background-color:#6f2da8;color:#fff;font-size:1.25rem}.admin-logout-button:hover{background-color:#8c39d4;cursor:pointer}.privacy-page-content-wrapper{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:80vh}.extras-body-text{margin-top:1.5rem;text-align:center;line-height:2rem;width:40%;height:50vh;color:#fff}@media screen and (max-width: 900px){.extras-body-text{width:70%;line-height:1.5rem;height:30dvh}}