#home-img{width:80%;padding-top:10px}#home-components{grid-template-rows:1fr 10fr 1fr;grid-template-columns:repeat(10,1fr);align-items:center}#home-components>:first-child,#home-components>:last-child{grid-column:1/11}@media screen and (orientation:portrait){#home-components{height:100%}#home-components #home-bottom{justify-content:flex-end;align-items:center;height:100%;margin-left:0}#home-components .home-center{justify-items:center;width:50%;max-height:70%;display:grid}#home-components .home-center:hover{grid-column-end:11;width:100%}#home-components .home-center:hover #home-album-img{max-width:70%}}@media screen and (orientation:landscape){#home-components #home-bottom{justify-content:flex-end;align-items:center}#home-components .home-center{grid-auto-flow:column;justify-content:space-around;place-items:center;width:20%;max-height:80%;display:grid}#home-components .home-center:hover{width:80%}}#home-components #home-bottom{flex-direction:column;align-self:end;max-height:100%;margin:0;display:flex}#home-components .home-center#home-animated{animation:1.8s 2 inflateDeflate}@keyframes inflateDeflate{30%,60%{transform:scale(1)}38%{transform:scale(1.1)}45%{transform:scale(.99)}52%{transform:scale(1.05)}}#home-components .home-center{background-color:rgba(9,4,32,.7);border-radius:6px;grid-column:1/9;padding:20px;transition:width .4s ease-in-out;overflow:auto}#home-components .home-center:hover{background-color:rgba(9,4,32,.9)}#home-components .home-center #album-img-title-wrap{flex-direction:column;align-items:center;display:flex}#home-components .home-center #album-promo-title{text-shadow:2px 2px #ff3988;margin:5px 0 0;font-family:LilitaOne,sans-serif;font-size:1rem;transition:font-size .8s}#home-components .home-center:hover #album-promo-title{font-size:2rem}#home-components .home-center #home-hide{text-align:center;max-width:600px;padding:16px 32px;transition:display 0s .8s;display:none}#home-components .home-center #home-hide>*{padding:4px;transition:display 0s .8s,opacity .8s ease-in-out}#home-components .home-center #home-hide>* a{color:#ff3988}#home-components .home-center #home-album-img{max-width:100%;height:auto;transition:max-width .7s ease-out}#home-components .home-center:hover #home-hide,#home-components .home-center:hover #home-hide>*{display:block}#home-components .home-center:hover #home-hide>* a{color:#ff3988}#home-components .home-center #home-album-text{font-size:.9rem}#home-components .home-center #home-album-links{flex-direction:column;justify-content:space-evenly;width:50%;transition:display 0s .8s;display:none}#home-components .home-center #home-album-links>a{align-content:center;justify-items:center;width:100%;margin:24px 0;display:grid}#home-components .home-center #home-album-links>a:hover .contacts-img{filter:hue-rotate(-295deg)saturate()brightness(2)contrast();transform:scale(1.2)}#home-components .home-center #home-album-links>a>*{width:80%;height:auto}#home-components .home-center:hover #home-album-links{display:flex}@media screen and (orientation:portrait){#home-components .home-center #home-album-links{flex-direction:row;width:100%}#home-components .home-center #home-album-links>a{width:10%}.all-contacts{width:100%;position:relative;bottom:4rem}.all-contacts>*{border-radius:10px;width:3vh;padding:1rem}}@media screen and (orientation:landscape){.all-contacts{border-radius:1rem 1rem 0 0;width:60%}.all-contacts>*{width:3vw;height:auto;padding:1rem}.contacts-img:hover{transition:all .2s ease-in-out;transform:scale(1.05)}}.all-contacts{background-color:rgba(9,4,21,.7);justify-content:space-evenly;height:fit-content;display:flex}.all-contacts>*{place-content:center;display:flex}.contacts-wrap>button{all:unset;place-items:center;width:100%;display:grid}.contacts-wrap>button:hover .contacts-img{filter:hue-rotate(-295deg)saturate()brightness(2)contrast();transform:scale(1.2)}.contacts-wrap>a{place-items:center;width:100%;display:grid}.contacts-wrap>a:hover .contacts-img{filter:hue-rotate(-295deg)saturate()brightness(2)contrast();transform:scale(1.2)}.contacts-img{cursor:pointer;width:60%;height:auto}@media screen and (orientation:portrait){.modal{inset:25% 10%}.link-modal{inset:34% 2%}.link-modal p{padding:5px;font-size:1.2rem}}@media screen and (orientation:landscape) and (min-height:700px){.modal{font-size:1.5rem;inset:20% 30%}.link-modal{inset:26% 25%}.link-modal p{padding:10px;font-size:1.4rem}.link-modal .link-buttons button{font-size:1rem}}@media screen and (orientation:landscape) and (max-height:700px){.modal{font-size:1.2rem;inset:10% 20%}}.modal{text-align:center;color:#ff3988;z-index:2;background:rgba(9,4,21,.96);border-radius:30px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:5%;overflow:auto}.modal>*{padding:1rem}.modal a{color:#fad549;border:1px solid #ff3988;border-radius:20px;margin:1rem}.close-button{all:unset;cursor:pointer;font-size:1rem;position:absolute;top:1.5rem;right:1.5rem}.copy-and-confirm{justify-items:center;display:grid}.copy-button{all:unset;cursor:pointer;border:1px solid #ff3988;border-radius:15px;place-items:center;width:fit-content;display:grid}.copy-button:hover{background-color:rgba(15,8,80,.9)}.copy-img{width:25px;padding:8px}.span-copied{font-size:1rem}.modal-overlay{z-index:1;background:rgba(0,0,0,.7);width:100%;height:100%;display:block;position:fixed;top:0;left:0}@media screen and (orientation:landscape) and (max-height:700px){.link-modal{inset:10% 15%}.link-modal p{padding:10px;font-size:1.2rem}.link-modal .link-buttons button{font-size:.8rem}}.link-modal{z-index:2;background-color:rgba(9,4,25,.9);border-radius:15px;place-items:center;padding:8px;display:grid;position:fixed}.link-modal p{text-align:center;border:1px solid rgba(205,46,112,.7);border-radius:7px}.link-buttons button{all:unset;cursor:pointer;color:#ff3988;background-color:transparent;border:1px solid rgba(205,46,112,.7);border-radius:8px;margin:15px;padding:5px;font-family:IBM Plex Mono}.link-buttons button:hover{background-color:rgba(15,8,80,.9)}.email-form{grid-template-rows:1fr 1fr 1fr 6fr .5fr;justify-items:center;gap:12px;width:80%;height:80%;font-size:.9rem;display:grid}.email-form>*{width:100%}.form-div{justify-items:center;display:grid}.form-div>*{width:100%;height:fit-content}.form-div>input,.email-form>textarea{width:100%;padding:5px;font-family:IBM Plex Mono,sans-serif}input[type=text]{width:100%;padding:5px;font-family:IBM Plex Mono,sans-serif}input[type=email]{width:100%;padding:5px;font-family:IBM Plex Mono,sans-serif}.form-div>input{color:#fad549;background-color:#0a1e33;border:none;border-radius:10px;font-size:.9rem}.email-form>textarea{resize:none;color:#fad549;background-color:#0a1e33;border:none;border-radius:10px;padding:1rem;font-size:.9rem}.submit-button{color:#fad549;cursor:pointer;background-color:#0a1e33;border:none;border-radius:10px;padding:10px;font-family:IBM Plex Mono,sans-serif;font-size:1.2rem;font-weight:800;transition:all .2s ease-in-out}.submit-button:hover{background-color:#0f1450}.submit-button:active{background-color:#2d0850}.email-sending{background:linear-gradient(#fad549,#ff3988);border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#about-components{gap:5px}@media screen and (orientation:portrait) and (max-height:700px){#about-components{height:85%}}@media screen and (orientation:portrait) and (min-height:700px){#about-components{height:90%}}#about-wrap{width:100%;margin:0;overflow:hidden}@media screen and (orientation:portrait){#about-wrap{justify-items:center;max-height:100%;display:grid}}@media screen and (orientation:landscape){#about-wrap{flex-direction:row-reverse;justify-content:space-evenly;max-height:100%;display:flex}}.fullscreen-container{z-index:10;background-color:rgba(9,4,21,.7);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fullscreen-img-buttons{justify-content:center;max-width:80%}.fullscreen-close{color:#ff3988;cursor:pointer;background-color:rgba(9,4,21,.7);border:1px solid #ff3988;border-radius:10px;width:4rem;height:4rem;padding:0;font-family:IBM Plex Mono,sans-serif;position:absolute;top:4vw;right:5%}.fullscreen-close:hover{background-color:#1f0c62}.fullscreen-img{all:unset}@media screen and (min-height:500px){.fullscreen-img{max-width:80%}}@media screen and (max-height:500px){.fullscreen-img{max-width:65%}}.fullscreen-nav-button{all:unset;cursor:pointer;background-color:rgba(9,4,21,.7);border:1px solid #ff3988;border-radius:15px;height:20%}.fullscreen-nav-button:hover{background-color:#1f0c62}.fullscreen-nav-button.next-button,.fullscreen-nav-button.back-button{position:absolute;top:40%}.next-img{transform:rotate(180deg)}@media screen and (orientation:portrait){.about-gallery{place-items:center;width:100%;display:grid}.about-text{width:85vw;max-height:100%;padding:1rem}.about-text>*{padding:.5rem}.about-images-scroller{overscroll-behavior-inline:contain;grid-auto-columns:25%;grid-auto-flow:column;align-items:center;gap:16px;width:100%;height:65px;margin-bottom:30px;padding:16px;display:grid;overflow-x:auto}.snaps-inline{scroll-snap-type:inline mandatory;scroll-padding-inline:1rem}.snaps-inline>*{scroll-snap-align:start}.fullscreen-nav-button.next-button{right:0}.fullscreen-nav-button.back-button{left:0}.fullscreen-nav-button>*{padding:.5rem}}@media screen and (orientation:landscape){.about-gallery{width:40%;height:90%}.about-images-scroller{overscroll-behavior-block:contain;grid-auto-rows:30%;justify-items:center;gap:32px;width:80%;margin-bottom:30px;display:grid;overflow-y:auto}.snaps-inline{scroll-snap-type:block mandatory;scroll-padding-block:8px}.snaps-inline>*{scroll-snap-align:start;width:70%}.fullscreen-nav-button.next-button{right:5vw}.fullscreen-nav-button.back-button{left:5vw}.fullscreen-nav-button>*{padding:1rem}.back-img{transform:scale(1.2)}.next-img{transform:scale(1.2)rotate(180deg)}}@media screen and (orientation:landscape) and (min-height:700px){.about-images-scroller{height:80%}.about-text{width:80%;max-height:75%;padding:2rem}.about-text>*{padding:1rem}.about-images-scroller{padding:2rem}}@media screen and (orientation:landscape) and (max-height:700px){.about-images-scroller{height:100%}.about-text{width:90%;max-height:75%;padding:2rem}.about-text>*{padding:1rem}}.nav-button-img{width:30px;height:30px}.image-about{aspect-ratio:16/9;object-fit:cover;cursor:pointer;border-radius:10px}.about-text{color:#ff3988;background:rgba(9,4,21,.7);border-radius:15px 10px 10px 15px;overflow:auto}.about-text:hover{background:rgba(9,4,25,.9)}.change-color-button{all:unset}@media screen and (orientation:portrait){.change-color-button{width:20%;bottom:.5rem;right:0}}@media screen and (orientation:landscape) and (min-width:800px){.change-color-button{width:15%;bottom:2%;right:2%}}@media screen and (orientation:landscape) and (max-width:800px){.change-color-button{width:27%;bottom:0%;right:0%}}.change-color-button{cursor:pointer;opacity:.5;background-color:rgba(9,4,25,.9);border:1px solid rgba(255,57,136,.5);border-radius:7px;justify-content:space-around;align-items:center;margin-left:auto;padding:.2rem;transition:all .1s ease-in-out;display:flex;position:sticky}.change-color-button:hover{opacity:1}.color-box{width:.7rem;height:.7rem}.button-next-arrow{width:2rem;transform:rotate(180deg)scaleX(.8)}.change-color-button:hover{background-color:rgba(15,8,80,.9)}#shows-components{flex-direction:column;display:flex}#shows-contents{flex-direction:column;width:98%;max-height:90%;margin:0;display:flex;overflow:hidden}@media screen and (orientation:portrait){#shows-contents{height:85%}}@media screen and (orientation:landscape){#shows-contents{height:62%}}.shows-nav{background:rgba(9,4,21,.9);border-radius:30px 30px 0 0;grid-template-columns:1fr 1fr;width:100%;height:4rem;margin:0;display:grid;position:sticky;top:0}.shows-nav>*{all:unset;color:#fad549;text-align:center;cursor:pointer;width:100%;padding:10px;font-size:1.45rem}.shows-nav>:hover{text-decoration:underline}.shows-nav>[aria-current=page]{color:#08c8fc}.shows-nav>:active{color:#23bbe4}#shows-wrap{border-radius:0 0 15px 30px;width:100%;height:100%;font-size:1rem;display:flex;overflow:auto}.shows-list{width:100%;height:fit-content;margin:0;padding:0;display:grid}.show-container{background:rgba(9,4,21,.9);grid-template-columns:repeat(4,1fr);display:grid}.show-container:hover{background:#1f0c62}.show-container>*{color:#ff3988;text-align:center;padding:15px 10px;font-size:.8rem}#show-container-id{position:sticky;top:0}#show-container-id>*{color:#fad549;background:#090415;font-size:1.1rem}.shows-no-shows{text-align:center;background:rgba(9,4,21,.9);width:100%;padding:3rem;font-size:1.2rem}#media-img{width:33%}#media-title{height:fit-content}#media-contents{max-height:unset;width:75%;margin-left:5%;margin-right:5%;padding:1rem;display:block;overflow:auto}@media screen and (orientation:portrait){.yt-vid-container{width:80%;height:40%}}@media screen and (orientation:landscape){.yt-vid-container{width:70%;height:70%}}.yt-vid-container{margin-left:auto;margin-right:auto;padding:1rem}.yt-vid{width:100%;height:100%}.audio-player{text-align:center;background:rgba(9,4,21,.1);align-items:center;max-height:95%;transition:all .3s;display:flex}@media screen and (orientation:portrait){.audio-player{background-color:rgba(9,4,21,.7);justify-content:space-evenly;width:100%;height:4rem;font-size:.75rem;position:absolute;bottom:0;left:0}.audio-player .play,.audio-player .pause{width:4vh;height:4vh}.audio-player .time-container{width:60%;padding-top:10px}}@media screen and (orientation:landscape) and (min-width:700px){.audio-player:hover{width:30%}.audio-player .play,.audio-player .pause{width:2.3vw;height:2.3vw}}@media screen and (orientation:landscape) and (max-width:700px){.audio-player:hover{width:40%}.audio-player .play,.audio-player .pause{width:3.3vw;height:3.3vw}}@media screen and (orientation:landscape){.audio-player{border-radius:0 50px 50px 0;justify-content:space-between;width:6%;height:8%;padding:23px 23px 23px 5%;font-size:1rem;position:fixed;top:4%;left:0}.audio-player:hover{background:rgba(255,57,136,.6);height:8%;padding-left:30px}.audio-player:hover>*{margin:10px;transition:all .2s}.audio-player>:not(.play-container){display:none}.audio-player .time-container{width:90%}}.audio-player:hover .time-container,.audio-player:hover .controls{display:unset}.audio-player:hover .volume-container{display:grid}.play,.pause{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:40%;border:1px solid #111;border-radius:50%;max-width:100px;max-height:100px;transition:all .1s}.play:hover,.pause:hover{transform:scale(1.1);box-shadow:0 4px 9px 2px rgba(40,40,40,.9)}.play{background-color:#fad549;background-image:url(/img/icon/play.svg)}.pause{background-color:#ff3988;background-image:url(/img/icon/pause.svg)}.timeline{cursor:pointer;background:#556;border-radius:10px;width:100%;height:8px;transition:all .1s;box-shadow:0 2px 9px 2px rgba(40,40,40,.5)}.timeline:hover{background:#668;box-shadow:0 4px 9px 2px rgba(100,100,100,.5)}.progress{background:#fad549;border-radius:10px;width:0%;height:100%;transition:all .2s}.time{color:#fad549;justify-content:space-between;width:100%;margin-top:10px;display:flex}.time>*{padding:4px}.volume-container{z-index:2;justify-items:center;margin-top:15px;padding-bottom:20px;transition:all .2s;display:none;transform:translateY(10px)}.volume-container:hover{transform:translateY(-5px)}.volume-container:hover .volume-slider{width:100%}.volume-slider{cursor:pointer;z-index:-1;background:#556;border-radius:10px;width:0;height:10px;margin:3px;transition:all .25s;position:relative;top:15px}.volume-percentage{background:#fad549;border-radius:10px;width:100%;height:100%;transition:all .2s ease-in-out}.ico-vol-med,.ico-vol-mute{cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:65%;border-radius:45%;transition:all .1s}.ico-vol-med:hover,.ico-vol-mute:hover{transform:scale(1.1);box-shadow:0 4px 9px 2px rgba(40,40,40,.9)}.ico-vol-med{background-color:#fad549;background-image:url(/img/icon/volume.svg);border:1px solid #000;align-self:center}.ico-vol-mute{background-color:red;background-image:url(/img/icon/volume-mute.svg);border:0}@media screen and (orientation:portrait){.controls:hover{width:20%}.ico-vol-med,.ico-vol-mute{width:3vh;height:3vh}.volume-container{width:70%;display:grid}}@media screen and (orientation:landscape) and (min-width:800px){.controls:hover{width:30%}.ico-vol-med,.ico-vol-mute{width:2vw;height:2vw}}@media screen and (orientation:landscape) and (max-width:800px){.controls:hover{width:30%}.ico-vol-med,.ico-vol-mute{width:2.5vw;height:2.5vw}}@media screen and (orientation:landscape){.volume-container{width:100%;display:none}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-track{background:rgba(9,4,21,.6);border-radius:0 30px 30px 0}.about-images-scroller::-webkit-scrollbar-track{border-top-left-radius:30px;border-bottom-left-radius:30px}#shows-wrap::-webkit-scrollbar-track{background:rgba(9,4,21,.9);border-top-right-radius:0}::-webkit-scrollbar-thumb{background-color:rgba(255,57,136,.5);border-radius:30px}::-webkit-scrollbar-thumb:hover{background-color:#ff3988}::-webkit-scrollbar-thumb:active{background-color:#fad549}@supports (scrollbar-color:red blue){*{scrollbar-color:rgba(255,57,136,.5) rgba(9,4,21,.6)}}body{color:#fad549;background-color:#090415;margin:0;padding:0;font-family:IBM Plex Mono,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}main{width:100%;height:100%}p{margin:0;padding:0}img{width:100%}iframe{border-color:transparent;border-radius:20px;width:100%;height:100%}@media screen and (orientation:portrait){.bg-wrapper{background-size:300%;display:flex}nav{grid-template-columns:repeat(4,1fr);justify-items:center;width:100%;height:10%;display:grid;position:fixed;top:0;translate:none}}@media screen and (orientation:landscape){.bg-wrapper{background-size:150%;display:flex}nav{margin-top:10%;margin-bottom:3%;grid-template-rows:1fr 1fr 1fr 1fr;justify-items:center;gap:2%;width:12%;height:75vh;margin-inline:10px;display:grid;position:fixed}}@media screen and (orientation:landscape) and (max-height:600px){nav{height:65%;margin-top:5%;bottom:0}}.bg-wrapper{background-image:url(/img/bg/bg_smallest.webp);background-position:48% 8%;background-repeat:no-repeat;transition:background-position .3s ease-in-out;position:fixed;inset:0}.components{justify-items:center;display:grid}@media screen and (orientation:portrait){.components{grid-template-rows:1fr 5fr;gap:2rem;width:100%;height:80%}.title{margin-top:13%}}@media screen and (orientation:landscape){.components{grid-template-rows:1fr 5fr;height:100%;margin-left:15%}.nav-icon-1{translate:0%}.nav-icon-2{translate:60%}.nav-icon-3{translate:-50%}.nav-icon-4{translate:30%}}.nav-link{justify-content:center;align-items:center;width:40%;transition:all .2s ease-in-out;display:flex}.nav-link:hover{transform:scale(1.2)}.nav-link[aria-current=page]{transform:scale(1)}.nav-icon{filter:hue-rotate();width:50%;min-width:20px;max-width:100px;height:auto;transition:transform .2s ease-in-out,translate .2s ease-in-out}.nav-link:hover .nav-icon{filter:hue-rotate(295deg)saturate(380%)brightness(.67)contrast(200%);transform:rotate(360deg)scale(1)translate(0,0)}.nav-link[aria-current=page] .nav-icon{filter:hue-rotate(295deg)saturate(380%)brightness(.67)contrast(200%);transform:rotate(0)scale(1.2)translate(0,0)}.title{justify-content:center;font-family:LilitaOne,sans-serif;display:flex}.title h1{all:unset;text-align:center;text-shadow:5px 5px #ff3988;margin-top:5%;margin-bottom:3%}@media screen and (orientation:portrait){.title{font-size:4rem}}@media screen and (orientation:landscape){.title{font-size:8rem}}@media screen and (orientation:landscape) and (max-height:600px){.title{font-size:4rem}}.title-img{width:50%;max-width:1000px}.contents{justify-content:center;width:100%;max-height:90%;margin-left:15%;margin-right:90px;display:flex}.error-wrap{justify-content:center;align-items:center;height:100vh;margin-left:15%;display:flex}.error-wrap>*{background-color:rgba(9,4,21,.6);border-radius:16px;flex-direction:column;align-content:center;padding:16px;display:flex}.error-wrap>*>*{text-align:center;padding:16px;font-size:1.5rem}.error-wrap>*>a{all:unset;text-align:center;background-color:#ff3988;border-radius:16px;padding:16px;font-size:1.5rem}.error-wrap>*>a:hover{cursor:pointer;background-color:#e63278}.error-subtitle{margin:0;font-size:2rem}.error-title{text-shadow:5px 5px #ff3988;font-family:LilitaOne,sans-serif;font-size:4rem}