*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%;scroll-padding-top:15rem;scroll-behavior:smooth}@media only screen and (max-width: 66em){html{font-size:50%}}@media only screen and (max-width: 37.5em){html{font-size:40%}}body{font-family:"Roboto",sans-serif;font-weight:300;line-height:1.6}h2{font-family:"Permanent Marker",sans-serif}ul{list-style:none}section{padding:4rem 0}@media only screen and (max-width: 66em){section{padding:4rem 0}}a{color:#1e3a8a;text-decoration:none;transition:color .2s ease,transform .2s;transform:scale(1);display:inline-block}a:hover,a:active{transform:scale(1.2);color:#2563eb}.hidden{display:none}.icon{color:#1e3a8a;font-size:2.4rem}.section__title{color:#1e3a8a;font-size:5.2rem;text-align:center;padding-bottom:3rem}.container{background-color:#1e2353;width:100vw}.bg__grey{background-color:#ddd}.bg_pri-light{background-color:#dce6f3}.fifty-wide{width:50%}.slide-in-left{animation:slide-in-left .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}@keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.slide-in-right{animation:slide-in-right .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}@keyframes slide-in-right{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.bounce-in-top{animation:bounce-in-top 1.1s both}@keyframes bounce-in-top{0%{-webkit-transform:translateY(-500px);transform:translateY(-500px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}38%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}55%{-webkit-transform:translateY(-65px);transform:translateY(-65px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}72%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}81%{-webkit-transform:translateY(-28px);transform:translateY(-28px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}90%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}95%{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.slide-in-tl{animation:slide-in-tl .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}@keyframes slide-in-tl{0%{-webkit-transform:translateY(-100px) translateX(-100px);transform:translateY(-100px) translateX(-100px);opacity:0}100%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0);opacity:1}}.about{background-color:rgb(247, 249, 250)}.about__container{margin:0 auto;padding:4rem;max-width:66ch;font-size:2rem;display:flex;flex-direction:column;gap:1rem;align-items:stretch;justify-content:space-around;border-radius:5px;box-shadow:5px 1.5rem 4rem 0 rgba(16, 29, 44, 0.15);transform:translateY(-2rem)}@media only screen and (max-width: 52.5em){.about__container{max-width:52ch;padding:1rem}}.band{background-color:rgb(247, 249, 250);padding-bottom:0;margin-bottom:4rem}.band__container{background-color:#1e2353;padding:8rem 2rem;display:grid;gap:2rem;align-items:stretch;grid-template-columns:repeat(4, 1fr);align-content:space-evenly;justify-content:space-evenly}@media only screen and (max-width: 52.5em){.band__container{grid-template-columns:repeat(2, 1fr);gap:4rem}}@media only screen and (max-width: 37.5em){.band__container{row-gap:4rem;column-gap:2rem}}.band__card{background-color:rgb(247, 249, 250);border:rgb(247, 249, 250) 1px solid;max-width:60rem;width:auto;display:flex;flex-direction:column;justify-self:center;overflow:hidden;box-shadow:5px 20px 10px 0px rgba(0, 0, 0, 0.9);border-radius:6px}@media only screen and (max-width: 37.5em){.band__card{grid-template-columns:repeat(1, 1fr);gap:2rem;margin:.5rem}}.band__title{text-align:center;font-family:"Permanent Marker",sans-serif;color:#1e3a8a;font-size:2.4rem}@media only screen and (max-width: 52.5em){.band__title{font-size:3.2rem}}.band__text{text-align:center;font-size:1.8rem;color:#101d2c;padding:1rem}@media only screen and (max-width: 66em){.band__text{font-size:2rem}}.band__picture{max-width:100%;max-height:20rem;overflow:hidden;object-fit:contain;border-bottom-left-radius:0;border-bottom-right-radius:0}.contact-us{width:auto;display:block;justify-self:center}.contact-info{display:flex;margin:5rem 2rem 2rem 2rem;align-items:center;justify-content:center;background-color:#eff6ff;border-radius:1rem;padding:2rem 12rem;box-shadow:5px 10px 5px 0px rgba(0, 0, 0, 0.05)}.contact-item{margin:3rem 0}.contact-item p{font-size:2.8rem}.contact-icon{color:#1e3a8a;font-size:2.2rem;align-items:center;border:none;font-family:"Permanent Marker",cursive;text-transform:uppercase}.contact{background-color:rgb(247, 249, 250)}.contact__container{margin:0 auto;width:60%;max-width:70rem;background-color:rgb(247, 249, 250);padding:4rem 4rem 2rem 4rem;border-radius:5px}@media only screen and (max-width: 66em){.contact__container{width:70%;padding:3.5rem}}@media only screen and (max-width: 52.5em){.contact__container{width:85%;padding:3rem}}@media only screen and (max-width: 37.5em){.contact__container{width:95%;padding:2.5rem}}.form__group{position:relative;margin-bottom:3rem}.form__group--submit{text-align:center}.form__input{font-size:1.8rem;font-family:"Roboto",sans-serif;color:#1e2353;padding:1.5rem 2rem;border-radius:2px;background-color:rgba(247, 249, 250, 0.9);border:none;border-bottom:3px solid transparent;width:100%;display:block;transition:all .3s;box-shadow:0 1rem 2rem rgba(16, 29, 44, 0.1)}@media only screen and (max-width: 37.5em){.form__input{padding:1.2rem 1.5rem;font-size:1.6rem}}.form__input:focus{outline:none;box-shadow:0 1rem 2rem rgba(16, 29, 44, 0.1);border-bottom:3px solid #1e3a8a}.form__input:not(:placeholder-shown)+.form__label{opacity:1;visibility:visible;transform:translateY(-3rem)}.form__input:focus:invalid{border-bottom:3px solid #ff7730}.form__input:focus:valid{border-bottom:3px solid #28b487}.form__input::-webkit-input-placeholder{color:#aaa}.form__input--textarea{resize:vertical;min-height:10rem}.form__label{font-size:1.4rem;font-weight:700;margin-left:2rem;margin-top:.7rem;display:block;transition:all .3s;transform:translateY(0);color:#1e2353;opacity:0;visibility:hidden}.btn--text-style{font-family:"Permanent Marker",sans-serif;font-size:3rem;color:#1e3a8a;background:none;border:none;padding:.5rem 1rem;cursor:pointer;transition:all .2s ease;display:inline-block;position:relative}.btn--text-style:hover{transform:scale(1.1);color:#2563eb;text-shadow:0 .5rem 1rem rgba(37, 99, 235, 0.1)}.btn--text-style:focus{outline:none;transform:scale(1.1);color:#2563eb}.btn--text-style:active{transform:scale(1.05);color:#2563eb}.btn--text-style::after{content:"";display:block;width:0;height:2px;background:#2563eb;transition:width .3s ease;position:absolute;left:50%;transform:translateX(-50%)}.btn--text-style:hover::after{width:100%}.column{display:flex;flex-direction:column;align-items:flex-start;justify-content:left}.grid{margin:auto;width:70%;display:grid;grid-template-columns:2fr 2fr 1fr;grid-auto-rows:1fr;background-color:#dce6f3;justify-content:space-evenly}@media only screen and (max-width: 37.5em){.grid{grid-auto-rows:min-content}}@media only screen and (max-width: 1440px){.grid{width:95%}}@media only screen and (max-width: 66em){.grid{grid-template-columns:2fr 1fr 1fr}}@media only screen and (max-width: 52.5em){.grid{width:97.5%;grid-template-columns:1.5fr 1fr 1fr}}@media only screen and (max-width: 37.5em){.grid{grid-template-columns:1fr 1fr}}.grid:last-child{box-shadow:5px 20px 10px 0px rgba(0, 0, 0, 0.9)}.grid>*{height:100%;padding:1rem}.grid>*:nth-child(6n+4),.grid>*:nth-child(6n+5),.grid>*:nth-child(6n+6){background-color:#aaa}.event{align-items:center}.event__container{margin:0 auto;background-color:#1e2353;padding:8rem 0}.event__date{font-size:2rem}.event__title{text-align:left;font-family:"Permanent Marker",sans-serif;color:#1e3a8a;font-size:2.6rem}.event__text{text-align:left;font-size:2rem}.event__img{width:100%;height:100%;object-fit:contain;display:block}@media only screen and (max-width: 37.5em){.event__img{display:none}}footer{padding:1rem 0 1rem 2rem;color:#aaa;font-size:1.4rem;border-top:2px solid #1e3a8a}.gallery{max-width:1850px;margin:auto;grid-column:full-start/full-end;display:grid;grid-template-columns:repeat(8, 1fr);grid-template-rows:repeat(8, 5vw);grid-gap:1.5rem;padding:1.5rem}.gallery__item--1{grid-row:1/span 3;grid-column:1/span 2}.gallery__item--2{grid-column:3/span;grid-row:1/span 2}.gallery__item--3{grid-row:1/span 2;grid-column:4/span 3}.gallery__item--4{grid-row:1/span 2;grid-column:7/span 2}.gallery__item--4{grid-row:1/span 2;grid-column:7/span 2}.gallery__item--04{grid-row:4/span 2;grid-column:1/span 1}.gallery__item--5{grid-row:4/span 3;grid-column:2/span 1}.gallery__item--6{z-index:1;grid-row:3/span 4;grid-column:3/span 4}.gallery__item--7{grid-row:3/span 2;grid-column:7/span 2}.gallery__item--8{grid-row:6/span 3;grid-column:1/span 1}.gallery__item--9{grid-row:7/span 2;grid-column:2/span 2}.gallery__item--10{grid-row:7/span 2;grid-column:4/span 1}.gallery__item--11{grid-row:7/span 2;grid-column:5/span 2}.gallery__item--12{grid-row:5/span 4;grid-column:7/span 1}.gallery__item--13{grid-row:5/span 4;grid-column:8/span 1}.gallery__img{width:100%;height:100%;object-fit:cover;display:block}.header{position:sticky;top:0;border-top:2.5rem solid #1e2353;background-color:rgba(247, 249, 250, 0.95);width:100%;padding:1rem;display:flex;justify-content:center;align-items:center;gap:6rem;z-index:500}@media only screen and (max-width: 66em){.header{gap:5rem}}.header__nav{font-family:"Permanent Marker",sans-serif;display:flex;justify-content:space-between;color:#1e3a8a;gap:3.2rem}@media only screen and (max-width: 52.5em){.header__nav{display:none}}.header__nav--item{font-size:2.2rem}.header__logo{height:14rem}.mobile{display:none}@media only screen and (max-width: 52.5em){.mobile{display:block}}.mobile__burger{position:fixed;top:-1rem;left:-2rem;z-index:1000;animation:slide-in-tl .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}@media only screen and (max-width: 52.5em){.mobile__burger{width:20px;height:15px;display:flex;flex-direction:column;justify-content:space-between;background-color:#1e2353;margin:-0.5rem 0 0 0;padding:3.5rem 3rem 3rem 3rem;border-radius:100px 35px;box-sizing:content-box;cursor:pointer}}.mobile__burger--bar{width:100%;height:3px;background-color:rgb(247, 249, 250);border-radius:2px;transition:all .3s ease-in-out}.mobile__burger.open .mobile__burger--bar:nth-child(1){transform:translateY(6px) rotate(135deg)}.mobile__burger.open .mobile__burger--bar:nth-child(2){opacity:0}.mobile__burger.open .mobile__burger--bar:nth-child(3){transform:translateY(-6px) rotate(-135deg)}.mobile__nav{position:fixed;top:0;left:-100%;width:33%;height:100vh;background-color:rgb(247, 249, 250);padding:6rem 0 0 3rem;box-sizing:border-box;z-index:999;transition:left .4s ease-out;display:flex;flex-direction:column;border-top:2.5rem solid #1e2353}.mobile__nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:2rem}.mobile__nav li{margin-bottom:1rem;font-size:2.8rem;font-family:"Permanent Marker",sans-serif;color:#1e2353}.mobile__nav.open{left:0}.no-scroll{overflow:hidden}.mobile__overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.9);z-index:498;transition:opacity .4s ease-out;opacity:0;cursor:pointer}.mobile__overlay.active{display:block;opacity:1}.playlist{font-family:"Permanent Marker",cursive;margin:1rem 0;font-size:1.8rem;color:rgba(30, 59, 138, 0.2);line-height:1.6}@media only screen and (max-width: 52.5em){.playlist{margin:1rem 0 8rem 0}}.playlist:hover,.playlist:active{cursor:pointer}table{min-width:40rem;border-collapse:collapse;border:2px solid rgba(30, 58, 138, 0.4)}td{border:2px solid rgba(30, 58, 138, 0.4);padding:0 .5rem}.song{transition:.3s}.song:hover{color:#2563eb;transform:translateX(1rem)}.song-active{font-weight:700;color:#1e3a8a}.music{height:35rem;padding-bottom:7rem;display:flex;gap:4rem;align-items:center;justify-content:center}@media only screen and (max-width: 52.5em){.music{flex-direction:column;height:70rem;padding-bottom:9rem}}.music__container{background-color:#eff6ff;border-radius:15px;border-top:rgba(37, 100, 235, 0.07) 1px solid;box-shadow:20px 20px 20px 0 rgba(30, 58, 138, 0.6);display:flex;padding:1rem 2rem 1rem 2rem;position:relative;z-index:10;gap:2rem}@media only screen and (max-width: 52.5em){.music__container{margin:1rem 0 8rem 0}}.music__info{color:#1e3a8a;font-family:"Permanent Marker",cursive;background-color:rgba(239, 246, 255, 0.75);font-size:1.8rem;border-radius:15px 15px 0 0;position:absolute;top:0;left:1rem;width:calc(100% - 2rem);padding:1rem 1rem 3rem 10rem;opacity:0;transform:translateY(0%);transition:transform .3s ease-in,opacity .3s ease-in;z-index:0}.music__details{background-color:rgba(239, 246, 255, 0.75);font-size:1.4rem;font-style:italic;line-height:1.6;border-radius:0 0 15px 15px;position:absolute;top:0;left:1rem;width:calc(100% - 2rem);padding:2rem 1rem 1rem 1rem;opacity:0;transform:translateY(0%);transition:transform .3s ease-in,opacity .3s ease-in;z-index:0}.img-container{position:relative;width:11rem}#title{color:#1e3a8a}.img-container::after{display:block;content:"";background-color:#000;border-radius:50%;position:absolute;bottom:50%;left:50%;width:10px;height:1rem;transform:translate(-50%, -50%)}.controls{display:flex;flex-direction:column}.volume-settings{display:flex;justify-content:space-between;padding:0 1.5rem;z-index:10;gap:1rem}.img-container img{border-radius:50%;object-fit:cover;height:11rem;width:inherit;position:absolute;bottom:0;left:0;animation:rotate 3s linear infinite;animation-play-state:paused}.music__container.play .img-container img{animation-play-state:running}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}ul{list-style-type:none}.navigation{display:flex;align-items:center;justify-content:center;z-index:100;gap:4rem;margin:2rem}.action-btn{background-color:#f1f5f9;border:0;color:#1e3a8a;font-size:2rem;cursor:pointer;transition:.1s}.action-btn-big{color:#1e3a8a;font-size:3rem}.action-btn:hover,.action-btn:active{transform:scale(115%)}.action-btn:focus{outline:0}.action-btn:active{transform:scale(85%)}.progress-container{background:#fff;border-radius:5px;cursor:pointer;margin:1rem 0;height:6px;width:95%}.volume-container{background:#fff;border-radius:5px;cursor:pointer;margin:.7rem 0;height:6px;width:95%}.progress{background-color:#1e3a8a;border-radius:5px;height:100%;width:0%;transition:width .1s linear}.key{font-style:normal;font-weight:600}.music__container.play .music__info{opacity:1;transform:translateY(-100%)}.music__container.play .music__details{opacity:1;transform:translateY(80%)}.video{display:flex}.video-player{margin-left:auto;margin-right:auto;border:.2rem solid #1e40af;justify-content:center}@media only screen and (max-width: 52.5em){.video-player{width:97.5%}}/*# sourceMappingURL=style.css.map */