@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600&display=swap);*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--color-text:#f9f9f9;--title-size:35px;--text-font:"Josefin Sans",sans-serif}html{scroll-behavior:smooth}body{background-color:#111;color:#f7f7f7;font-family:Josefin Sans,sans-serif;margin:0;padding-top:80px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media only screen and (max-width:480px){html{max-width:480px}body{padding-top:120px}}body,html{overflow-x:hidden}nav{background-color:hsla(0,0%,7%,.95);left:0;position:fixed;top:0;width:100vw;z-index:9999}nav.scrolled{background-color:#111;box-shadow:0 4px 15px rgba(0,0,0,.8)}.nav__bar{display:flex;justify-content:space-between;margin-left:3vw;margin-right:3vw;margin-top:3vh}#nav__title{font-family:var(--text-font);font-size:40px;font-weight:300}.nav__icons{align-items:center;display:flex;justify-content:space-between;width:300px}.nav__icon{height:20px;width:20px}.nav__icon__logo{height:250px;left:0;position:absolute;top:0;-webkit-transform:translateX(50px) translateY(20px);transform:translateX(50px) translateY(20px);transition:all .5s ease;width:125px;z-index:1}nav.scrolled .nav__icon__logo{height:60px;-webkit-transform:translateX(10);transform:translateX(10);width:30px}#donate__icon{height:22px;width:22px}.nav__item{align-items:center;color:inherit;display:flex;flex-direction:row;margin:0 8px;min-width:70px;text-decoration:none}.nav__text{font-size:14px;margin-left:6px;white-space:nowrap}@media only screen and (max-width:480px){.nav__bar{align-items:center;gap:6vw;justify-content:space-between;margin:3vh 4vw}#nav__title{font-size:30px;text-align:left;width:100vw}.nav__icons{width:26vh}.nav__icon{height:16px;width:16px}.nav__icon__logo{height:100px;-webkit-transform:translateX(20px) translateY(10px);transform:translateX(20px) translateY(10px);width:50px}nav.scrolled .nav__icon__logo{height:60px;-webkit-transform:translateX(10);transform:translateX(10);width:30px}#donate__icon{height:18px;width:18px}.nav__item{min-width:60px}.nav__text{font-size:12px;margin-left:4px}}.landing__page{align-items:center;display:flex;justify-content:center;position:relative;text-align:center}.landing__bg{background-image:url(/static/media/maton2.ac6ac436fc10c176fe51.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:100%;z-index:1}.landing__text{align-items:flex-start;display:flex;flex-direction:column;font-family:var(--text-font);font-weight:300;justify-content:center;margin-left:3%;margin-top:75px;text-align:right;text-shadow:2px 2px 9px rgba(0,0,0,.5);z-index:2}#landing__quote{font-family:var(--text-font);font-size:80px;margin-bottom:50px;width:100%}.landing__highlight{display:inline-block;position:relative}.landing__highlight:after{-webkit-animation:underline-slide 1s ease forwards;animation:underline-slide 1s ease forwards;background-color:#f9f9f9;bottom:-10%;content:"";height:15px;left:-3%;position:absolute;transition:width 2s ease;width:0;z-index:-1}#landing__info{font-weight:300;line-height:40px;max-width:90%;text-align:right}#landing__em,#landing__info{font-size:30px;margin-bottom:50px}#landing__em{font-style:italic}.landing__icon{height:30px;margin-right:5px;vertical-align:middle;width:30px}.landing__btns{align-items:center;display:flex;justify-content:space-between;margin:0 auto 20px;width:400px}#book__btn,.landing__btns{font-size:var(--title-size)}#book__btn{background-color:#f9f9f9;border-radius:5px;color:#111;font-family:var(--text-font);font-weight:300;padding:10px 15px 4px}.landing__browse{align-items:center;display:flex;font-weight:300;width:235px}a,a:active,a:visited{color:inherit;text-decoration:none}@media screen and (max-width:480px){.landing__page{width:100%}.landing__text{align-items:flex-start;margin-top:3vh}#landing__quote{font-size:60px;line-height:70px;margin-bottom:3vh;margin-left:3vw;text-align:left;width:50vh}#landing__info{font-size:25px;margin-bottom:4vh;margin-left:5vw;text-align:left;width:40vh}.landing__highlight{margin-bottom:15px}.landing__highlight:after{bottom:-7%;height:13px;left:0;width:100%}.landing__btns{align-items:center;display:flex;font-size:30px;gap:1vh;justify-content:center;width:100%}#book__btn{font-size:30px}#landing__btn{width:15vw}}@-webkit-keyframes underline-slide{0%{width:0}to{width:105%}}@keyframes underline-slide{0%{width:0}to{width:105%}}@media only screen and (max-width:480px){@-webkit-keyframes underline-slide{0%{width:0}to{width:100%}}@keyframes underline-slide{0%{width:0}to{width:100%}}}.gallery{flex-direction:column;gap:20vh;justify-content:center;margin-top:5vh}.gallery,.gallery__photos{align-items:center;display:flex}.gallery__photos{gap:3vw;justify-content:space-between;width:80vw}.gallery__photo{border-radius:5px 5px 5px 5px;height:50vh;object-fit:cover;overflow:hidden;width:30vw}.computer__gallery{background-color:#1d1e22;border-radius:10px;padding:5vh 7vh}.computer__gallery .gallery__buttons{display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;margin-top:10px;width:20vh}.computer__gallery .gallery__button{background-color:initial;border:none;height:30px;padding:0;width:30px}.computer__gallery .gallery__button img{height:auto;width:100%}.phone__gallery{display:none}.gallery__grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,1fr);width:100%}.gallery__grid-item{aspect-ratio:1/1;overflow:hidden}.gallery__grid-item img{height:100%;object-fit:cover;width:100%}@media screen and (max-width:480px){.gallery{margin-top:10vh}.computer__gallery{display:none}.phone__gallery{gap:5vh;width:100%}.gallery__photo,.phone__gallery{align-items:center;display:flex;flex-direction:column;justify-content:center}.gallery__photo{gap:0;width:auto}#phone__image{border-radius:10px;height:100vh;object-fit:cover;overflow:hidden;width:80vw}.gallery__buttons{display:flex;justify-content:space-between;width:20vh}.gallery__button{background-color:initial;height:30px;width:30px}.gallery__buttons img{height:auto;width:100%}}.calendar-events-container{background-color:initial;margin:2rem auto;max-width:1200px;padding:4rem 2rem}.calendar-wrapper{background-color:initial;border-radius:10px;height:450px;margin:2.5rem auto;overflow:hidden;position:relative;width:100%}.calendar-loading{align-items:center;background-color:initial;color:#666;display:flex;font-size:1.2rem;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.calendar-wrapper.loading .calendar-iframe{opacity:0}.calendar-wrapper.loaded .calendar-iframe{opacity:1}.calendar-iframe{background-color:initial;border:none;height:100%;transition:opacity .3s ease;width:100%}.view-all-button{background-color:#f9f9f9;border-radius:5px 5px 5px 5px;color:#111;display:block;font-size:30px;font-weight:300;justify-content:center;margin:2rem auto 0;padding:.3em .5rem;text-align:center;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.view-all-button:visited{color:hsla(0,0%,7%,.8)}.section-heading{font-size:40px;font-weight:300;text-align:center}@media screen and (max-width:480px){.calendar-events-container{padding:3rem 1.5rem}.calendar-wrapper{height:350px}.calendar-events-container h2{font-size:2rem}}.accordian__sections{display:flex;flex-direction:row;gap:5vw;justify-content:center;margin-top:5vh}.accordian__image{border:0;border-radius:5px;height:150px;object-fit:cover;outline:none;width:150px}.active__image{border:2px solid #fff}.accordian__content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:5vh 8vw}.accordian__item{align-items:center;display:flex;gap:15px}.song__info{display:flex;flex-direction:column;gap:5px}#song__artist{font-weight:300}@media screen and (max-width:480px){#accordian{align-items:center;display:flex;flex-direction:column;justify-content:center}.accordian__sections{display:grid;grid-template-columns:repeat(2,1fr);width:80vw}.accordian__content{display:flex;flex-direction:column;justify-content:flex-start;margin-top:5vh;width:85vw}.accordian__image{height:125px;width:125px}}#search,.search__container{align-items:center;display:flex;flex-direction:column;justify-content:center}.search__container{gap:20px;margin-bottom:5vw}.search__title{font-size:50px;font-weight:300;margin-right:160px;margin-top:7vw;text-align:right}.request__song__link{align-items:center;display:flex;font-size:18px;font-weight:300;justify-content:center}#request__link{border-bottom:1px solid #f9f9f9;cursor:pointer}.search__and__sort{align-items:center;display:flex;justify-content:space-between;width:85vw}#sort__by{font-weight:300}.search__and__clear{align-items:center;display:flex;gap:10px}.search__input{background-color:#1d1e22;border:none;border-radius:7px;color:#f9f9f9;font-family:var(--text-font);font-size:18px;font-weight:300;height:40px;outline:none;padding-left:20px;transition:box-shadow .3s ease;width:300px}.search-input::-webkit-input-placeholder{color:#f9f9f9;font-weight:300}.search-input::placeholder{color:#f9f9f9;font-weight:300}.clear__icon{height:15px;width:15px}.sort__section{align-items:center;display:flex;justify-content:space-between;width:130px}.sort__dropdown{align-items:center;display:flex;height:40px;justify-content:center;position:relative;text-align:center;width:70px}.dropdown__content,.sort__dropdown{background-color:#1d1e22;border-radius:10px;color:#f9f9f9;font-size:18px;font-weight:300}.dropdown__content{left:106%;padding:5px 1vw 10px;position:absolute;top:0}.dropdown__item{padding-top:5px}.table__container{background-color:#1d1e22;border-radius:7px;max-height:70vh;min-height:500px;overflow-y:auto;padding:30px 55px}table{border-collapse:collapse;width:85vw}td,th{padding:10px;width:25vw}th{border-bottom:1px solid #f9f9f9;font-size:25px;font-weight:300;padding-bottom:20px;text-align:left}.phone__header{display:none}td{font-size:18px;font-weight:300}.cover__title{align-items:center;display:flex;gap:20px;width:auto}.album__cover{border-radius:5px;max-height:50px;max-width:50px;min-height:50px;min-width:50px}.phone__container{display:none}.difficulty__circle{border-radius:50%;display:inline-block;height:10px;width:10px}.difficulty__circle.easy{background-color:#30b730}.difficulty__circle.medium{background-color:#ffac13}.difficulty__circle.hard{background-color:#ff3a3a}.difficulty__pill{border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;min-width:70px;padding:2px 8px;text-align:center}.difficulty__pill.easy{background-color:green}.difficulty__pill.medium{background-color:#ff0;color:#000}.difficulty__pill.hard{background-color:orange}.difficulty__pill.expert{background-color:red}@media screen and (max-width:480px){.table__container{border-radius:0}td,th{width:40vw}.test__div{display:flex;gap:10vw}.search__container{width:10vw}.search__title{font-size:40px;line-height:50px;margin-left:30vw;margin-top:5vh;width:95%}.search__and__sort{align-items:flex-start;flex-direction:column;gap:2vh;width:90vw}.search__input{width:82vw}.search__and__clear{align-items:center;display:flex;gap:15px}.dropdown__content{display:flex;gap:3vw;padding-left:3vw;padding-right:3vw}.request__song__link{font-size:16px;margin-top:3vh}table{min-width:30vw}.computer__header,.computer__song,thead{display:none}.phone__header{display:inline;display:initial}.phone__container{display:block}.phone__song{align-items:center;display:flex;gap:2vh}.difficulty__indicator{text-align:right;vertical-align:middle}.title__artist{display:flex;flex-direction:column;gap:.5vh}#phone__title{font-size:18px;font-weight:400;max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist__tags{display:flex;flex-direction:row}#phone__artist,#phone__tags{font-size:15px;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.request__container{align-items:center;display:flex;flex-direction:column;gap:7vh;margin-bottom:5vh;margin-top:5vh;width:100vw}.request__title{font-size:55px;font-weight:300}.request__song{display:flex;justify-content:space-between;width:80vw}.request__form{justify-content:center}.request__form,.request__text{align-items:center;display:flex}.request__text{flex-direction:column;gap:3vh;justify-content:flex-start;line-height:35px;width:40vw}.request__info,.request__text{font-size:25px;font-weight:300}.request__info{align-items:center;display:flex;justify-content:space-between;margin-bottom:3vh;width:36vw}.request__input{background-color:#1d1e22;border:none;border-radius:7px;color:#f9f9f9;font-family:var(--text-font);font-size:18px;font-weight:300;height:40px;outline:none;padding-left:20px;transition:box-shadow .3s ease;width:270px}.submit__container{align-self:flex-end;display:flex;justify-content:flex-end;width:100%}.submit__button{background-color:#f9f9f9;border-radius:5px 5px 5px 5px;color:#111;font-family:var(--text-font);font-size:25px;font-weight:300;padding:10px 15px 4px}@media only screen and (max-width:480px){.request__container{gap:3vh;margin-top:4vh}.request__title{font-size:40px}.request__text{font-size:20px;margin-top:3vh;width:85vw}.request__song{align-items:flex-start;flex-direction:column;gap:3vh;justify-content:center}.submit__container{justify-content:flex-start}.form__label{font-size:20px}.request__input{width:50vw}.request__info{width:80vw}}.App{text-align:center}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
/*# sourceMappingURL=main.2cddea02.css.map*/