body{background-color:#000;color:#fcf9f9}header{background-color:#000}h1,h3,p,a{color:#fcf9f9}figcaption{color:#fcf9f9}#animation_background #front_wrapper div,#animation_background #middle_wrapper div,#animation_background #back_wrapper div{background:linear-gradient(#170397,#0000cd);box-shadow:0 0 20px #ff006a,inset 0 -20px 60px #d9043d,inset 0 -50px 60px #a6036d,inset 0 -100px 60px #7c038c,inset 0 -150px 60px #5503a6}h1{font-family:azo-sans-web,sans-serif;font-weight:700;font-style:normal;font-size:5rem}h2{font-family:azo-sans-web,sans-serif;font-weight:100;font-style:normal;font-size:2rem;margin-bottom:1rem}h3{font-family:azo-sans-web,sans-serif;font-weight:500;font-style:normal;font-size:1.5rem}p{font-family:azo-sans-web,sans-serif;font-weight:100;font-style:normal;font-size:1rem;line-height:2rem}a{font-family:azo-sans-web,sans-serif;font-weight:100;font-style:normal;font-size:2rem;letter-spacing:.5rem;text-decoration:none;cursor:pointer}#app_cta{font-weight:500}figcaption{font-family:azo-sans-web,sans-serif;font-weight:100;font-style:normal;font-size:.5rem}header a{font-size:1rem;margin-left:2rem}#app_schedule a{font-size:1rem}#app_frontpage h1{letter-spacing:.5rem}.elementcontainer h2{cursor:pointer}@media (min-width: 1000px){h1{font-size:7rem}h2{font-size:3rem}p{font-size:1rem}a{font-size:2rem}#app_schedule a{font-size:1rem}#app_frontpage h1{letter-spacing:.5rem}}img{width:50%;height:30%}.button{display:flex;align-items:center;justify-content:center;width:15rem;height:5rem;border-radius:50px;color:#fff;background-color:#ff006a;border-radius:3rem;cursor:pointer}.button a{font-size:1.5rem;font-weight:300}.sec_cta{background-color:#06005a}button{width:15rem;height:3rem;border-radius:50px;color:#fff;border:none;background-color:#ff006a}@media (min-width: 1000px){.button{width:25rem;height:6rem}.button a{font-size:1.5rem}}.marquee{display:flex;align-items:center;background-color:#00000086;position:absolute;bottom:0;left:0;width:100vw;height:5rem;overflow-x:hidden}.marquee .track{position:absolute;white-space:nowrap;will-change:transform;animation:marquee 32s linear infinite}@media (min-width: 1000px){.marquee{height:7rem}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (min-width: 1000px){.link{position:relative;z-index:0;display:inline-block;padding:5px;overflow:hidden;vertical-align:bottom;transition:color .1s ease-out}.link:before{content:"";position:absolute;z-index:-1;top:0;left:0;transform:translateY(calc(100% - 1px));width:100%;height:100%;background-image:linear-gradient(to right,#2104d9,#ff006a);transition:transform .25s ease-out}.link:hover:before{transform:translateY(0);transition:transform .25s ease-out}}#animation_background #front_wrapper .one{animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 18s linear infinite,movementSide 10s ease-in-out infinite alternate;-webkit-animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 18s linear infinite,movementSide 10s ease-in-out infinite alternate;-moz-animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 18s linear infinite,movementSide 10s ease-in-out infinite alternate}#animation_background #front_wrapper .two{animation:transformBubble 15s ease-in-out infinite both alternate,movementUp 10s linear infinite,movementSideOne 10s ease-in-out infinite alternate;-webkit-animation:transformBubble 15s ease-in-out infinite both alternate,movementUp 10s linear infinite,movementSideOne 10s ease-in-out infinite alternate;-moz-animation:transformBubble 15s ease-in-out infinite both alternate,movementUp 10s linear infinite,movementSideOne 10s ease-in-out infinite alternate}#animation_background #front_wrapper .three{animation:transformBubbleOne 16s ease-in-out infinite both alternate,movementUp 16s linear infinite,movementSide 10s ease-in-out infinite alternate;-webkit-animation:transformBubbleOne 16s ease-in-out infinite both alternate,movementUp 16s linear infinite,movementSide 10s ease-in-out infinite alternate;-moz-animation:transformBubbleOne 16s ease-in-out infinite both alternate,movementUp 16s linear infinite,movementSide 10s ease-in-out infinite alternate}#animation_background #front_wrapper .four{animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 11s linear infinite,movementSideOne 10s ease-in-out infinite alternate;-webkit-animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 11s linear infinite,movementSideOne 10s ease-in-out infinite alternate;-moz-animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 11s linear infinite,movementSideOne 10s ease-in-out infinite alternate}#animation_background #front_wrapper .five{animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 13s linear infinite,movementSideOne 10s ease-in-out infinite alternate;-webkit-animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 13s linear infinite,movementSideOne 10s ease-in-out infinite alternate;-moz-animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 13s linear infinite,movementSideOne 10s ease-in-out infinite alternate}#animation_background #middle_wrapper .six{animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 12s linear infinite,movementSideOne 10s ease-in-out infinite alternate;-webkit-animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 12s linear infinite,movementSideOne 10s ease-in-out infinite alternate;-moz-animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 12s linear infinite,movementSideOne 10s ease-in-out infinite alternate}#animation_background #middle_wrapper .seven{animation:transformBubbleOne 5s ease-in-out infinite both alternate,movementUp 17s linear infinite,movementSideOne 10s ease-in-out infinite alternate;-webkit-animation:transformBubbleOne 5s ease-in-out infinite both alternate,movementUp 17s linear infinite,movementSideOne 10s ease-in-out infinite alternate;-moz-animation:transformBubbleOne 5s ease-in-out infinite both alternate,movementUp 17s linear infinite,movementSideOne 10s ease-in-out infinite alternate}#animation_background #middle_wrapper .eight{animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 15s linear infinite,movementSideOne 10s ease-in-out infinite alternate;-webkit-animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 15s linear infinite,movementSideOne 10s ease-in-out infinite alternate;-moz-animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 15s linear infinite,movementSideOne 10s ease-in-out infinite alternate}#animation_background #middle_wrapper .nine{animation:transformBubbleOne 5s ease-in-out infinite both alternate,movementUp 11s linear infinite,movementSideOne 10s ease-in-out infinite alternate;-webkit-animation:transformBubbleOne 5s ease-in-out infinite both alternate,movementUp 11s linear infinite,movementSideOne 10s ease-in-out infinite alternate;-moz-animation:transformBubbleOne 5s ease-in-out infinite both alternate,movementUp 11s linear infinite,movementSideOne 10s ease-in-out infinite alternate}#animation_background #back_wrapper .eleven{animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 13s linear infinite,movementSideOne 10s ease-in-out infinite alternate;-webkit-animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 13s linear infinite,movementSideOne 10s ease-in-out infinite alternate;-moz-animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 13s linear infinite,movementSideOne 10s ease-in-out infinite alternate}#animation_background #back_wrapper .twelve{animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 15s linear infinite,movementSideOne 10s ease-in-out infinite alternate;-webkit-animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 15s linear infinite,movementSideOne 10s ease-in-out infinite alternate;-moz-animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 15s linear infinite,movementSideOne 10s ease-in-out infinite alternate}#animation_background #back_wrapper .thirteen{animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 11s linear infinite,movementSideOne 10s ease-in-out infinite alternate;-webkit-animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 11s linear infinite,movementSideOne 10s ease-in-out infinite alternate;-moz-animation:transformBubble 5s ease-in-out infinite both alternate,movementUp 11s linear infinite,movementSideOne 10s ease-in-out infinite alternate}@keyframes transformBubble{0%,to{border-radius:63% 37% 54% 46%/55% 48% 52% 45%}14%{border-radius:40% 60% 54% 46%/49% 60% 40% 51%}28%{border-radius:54% 46% 38% 62%/49% 70% 30% 51%}42%{border-radius:61% 39% 55% 45%/61% 38% 62% 39%}56%{border-radius:61% 39% 67% 33%/70% 50% 50% 30%}70%{border-radius:50% 50% 34% 66%/56% 68% 32% 44%}84%{border-radius:46% 54% 50% 50%/35% 61% 39% 65%}}@keyframes transformBubbleOne{0%,to{border-radius:40% 60% 70% 30%/40% 40% 60% 50%}34%{border-radius:70% 30% 50% 50%/30% 30% 70% 70%}67%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%}}@keyframes movementUp{0%{transform:translateY(100vh)}to{transform:translateY(-100vh)}}@keyframes movementSide{0%{margin-left:0rem}to{margin-left:12rem}}@keyframes movementSideOne{0%{margin-left:12rem}to{margin-left:0rem}}.hide{display:none}#animation_background #index{position:relative;width:100vw;height:100vh;overflow:hidden}#animation_background #index #popup{background:rgb(0,0,0);top:70vw;height:30vh;position:absolute;z-index:100;width:100vw;border-radius:50px;text-align:center;line-height:3rem}#animation_background #index .wrapper{position:absolute;width:100vw;height:100vh}#animation_background #index #frontpage{display:flex;flex-direction:column;align-items:center;gap:5rem;margin-top:5vh;justify-content:center;height:90vh;overflow:hidden}#animation_background #index #frontpage div{text-align:center}#animation_background #index #frontpage .front_buttons{display:flex;flex-direction:column;gap:3rem}#animation_background #index #contact_page{height:90vh;width:100vw;left:-100%;margin-top:10vh;display:flex;flex-direction:column;align-items:center;background:rgba(0,0,0,.8);backdrop-filter:saturate(180%) blur(10px)}#animation_background #index #contact_page #test{width:100vw;display:flex;gap:3rem;overflow-y:scroll;overflow-x:hidden;flex-direction:column;height:100vh;display:grid;grid-template-columns:1fr auto 1fr}#animation_background #index #contact_page #test div{margin-top:2rem;grid-column:2/3}#animation_background #index #contact_page #test #news_letter_signup{display:flex;flex-direction:column;align-items:center}#animation_background #index #contact_page #test #new_letter_email{border-right:solid white;background-color:transparent;width:25vw;height:8vh;margin:0;padding:0}#animation_background #index #contact_page #test input{background-color:transparent;border:none;height:8vh;width:25vw}#animation_background #index #contact_page #test button{border-radius:0;height:8vh;background-color:transparent;margin:0;padding:0}#animation_background #index #contact_page #test #news_letter_input{margin:1.5rem 0;width:40vw;border:solid white;display:flex}#animation_background #index #program{top:100vh;width:200vw;height:90vh;margin-top:10vh;background:rgba(0,0,0,.8);backdrop-filter:saturate(180%) blur(10px);display:grid;grid-template-columns:100vw 100vw}#animation_background #index #program .pheading_wrapper{display:none}#animation_background #index #program .artist_wrapper{position:relative;grid-column:1/2;height:90vh;width:100vw;overflow-x:hidden;overflow-y:scroll}#animation_background #index #program .artist_wrapper .elementcontainer{height:90vh}#animation_background #index #program .box_right{position:relative;grid-column:2/3;height:90vh;width:100vw;overflow-x:hidden;overflow-y:scroll}#animation_background #index #program .box_right .box .card figure img{width:100vw}#animation_background #index #program .box_right .box .card .name{margin-top:2rem}#animation_background #index #program .box_right .box .card .genre{margin-top:3rem;margin-bottom:1rem}#animation_background #index #ticket{top:100vh;width:200vw;height:90vh;margin-top:10vh;background:rgba(0,0,0,.8);backdrop-filter:saturate(180%) blur(10px);display:grid;grid-template-columns:100vw 100vw;grid-template-rows:100vh 100vh}#animation_background #index #ticket .theading_wrapper{visibility:collapse}#animation_background #index #ticket .tbutton_wrapper{grid-column:1/2;grid-row:1/2;height:100vh;width:100vw;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:5rem}#animation_background #index #ticket .tbutton_wrapper div{display:flex;flex-direction:column;align-items:center}#animation_background #index #ticket .summery{visibility:collapse}#animation_background #index #ticket .summery .summery_overview{display:flex;justify-content:space-between}#animation_background #index #ticket #ticket_flow1{grid-column:2/3;grid-row:1/2;width:100vw;height:90vh;display:flex;align-items:center;flex-direction:column}#animation_background #index #ticket #ticket_flow1 #status{display:flex;gap:2rem;justify-content:center;align-items:center;background-color:#ff006a;width:100vw;height:15vh}#animation_background #index #ticket #ticket_flow1 .heading{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:3rem;margin-bottom:6rem}#animation_background #index #ticket #ticket_flow1 .camping_section{display:flex;flex-direction:column;gap:1rem;margin-bottom:4rem}#animation_background #index #ticket #ticket_flow1 .camping_section .areas{gap:.5rem;display:flex;flex-direction:column}#animation_background #index #ticket #ticket_flow1 .form_wrapper{display:flex;flex-direction:column;align-items:center;gap:2rem}#animation_background #index #ticket #ticket_flow1 .form_wrapper .ticket_section{display:flex;flex-direction:column;align-items:center}#animation_background #index #ticket #ticket_flow1 .form_wrapper .ticket_section .v-counter{display:flex;justify-content:space-between}#animation_background #index #ticket #ticket_flow1 .form_wrapper .ticket_section .v-counter .plusBtn,#animation_background #index #ticket #ticket_flow1 .form_wrapper .ticket_section .v-counter .minusBtn{background-color:#ff006a;border:none;color:#fff;width:5rem;height:5rem;border-radius:0% 50% 50% 0%}#animation_background #index #ticket #ticket_flow1 .form_wrapper .ticket_section .v-counter .plusBtn{border-radius:0% 50% 50% 0%}#animation_background #index #ticket #ticket_flow1 .form_wrapper .ticket_section .v-counter .minusBtn{border-radius:50% 0% 0% 50%}#animation_background #index #ticket #ticket_flow1 .form_wrapper .ticket_section .v-counter .count{color:#fff;background-color:#ff006a7f;border:1px solid #ff006a;box-shadow:none;width:5rem;padding:1rem 1rem 1rem 4.5rem;font-size:2rem}#animation_background #index #ticket #ticket_flow1 .form_wrapper .button{border:none}#animation_background #index #ticket #ticket_flow2{position:relative;width:100vw;height:90vh;grid-column:2/3;grid-row:2/3}#animation_background #index #ticket #ticket_flow2 .t_wrapper{position:relative;overflow-y:scroll;overflow-x:hidden;height:90vh}#animation_background #index #ticket #ticket_flow2 .t_wrapper #status{display:flex;gap:2rem;justify-content:center;align-items:center;background-color:#ff006a;width:100vw;height:15vh}#animation_background #index #ticket #ticket_flow2 .t_wrapper .flow2_wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5rem;margin-top:3rem}#animation_background #index #ticket #ticket_flow2 .t_wrapper .flow2_wrapper #cardContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;gap:3rem}#animation_background #index #ticket #ticket_flow2 .t_wrapper .flow2_wrapper #cardContainer fieldset{border:0;height:fit-content;width:80vw}#animation_background #index #ticket #ticket_flow2 .t_wrapper .flow2_wrapper #cardContainer fieldset div{margin-bottom:.5rem}#animation_background #index #ticket #ticket_flow2 .t_wrapper .flow2_wrapper #cardContainer fieldset span{display:grid;justify-content:end;margin-top:.5rem}#animation_background #index #ticket #ticket_flow2 .t_wrapper .flow2_wrapper #cardContainer fieldset input{color:#fff;width:80vw;background-color:transparent;border:none;border-bottom:1px solid white;box-shadow:none;border-radius:0}#animation_background #index #ticket #ticket_flow3{position:relative;width:100vw;height:90vh;grid-column:2/3;grid-row:2/3}#animation_background #index #ticket #ticket_flow3 .t_wrapper{position:relative;overflow-y:scroll;overflow-x:hidden;height:90vh;display:flex;flex-direction:column;align-items:center}#animation_background #index #ticket #ticket_flow3 .t_wrapper #status{display:flex;gap:2rem;justify-content:center;align-items:center;background-color:#ff006a;width:100vw;height:15vh}#animation_background #index #ticket #ticket_flow3 .t_wrapper .flow3_wrapper{margin-top:3rem}#animation_background #index #ticket #ticket_flow3 .t_wrapper .flow3_wrapper .form_one{display:flex;flex-direction:column;margin-top:3rem;align-items:center}#animation_background #index #ticket #ticket_flow3 .t_wrapper .flow3_wrapper .form_one .form fieldset{border:0;height:fit-content;width:80vw}#animation_background #index #ticket #ticket_flow3 .t_wrapper .flow3_wrapper .form_one .form fieldset div{margin-bottom:.5rem}#animation_background #index #ticket #ticket_flow3 .t_wrapper .flow3_wrapper .form_one .form fieldset span{display:grid;justify-content:end;margin-top:.5rem}#animation_background #index #ticket #ticket_flow3 .t_wrapper .flow3_wrapper .form_one .form fieldset input{color:#fff;width:80vw;background-color:transparent;border:none;border-bottom:1px solid white;box-shadow:none;border-radius:0}#animation_background #index #ticket #ticket_flow3 .t_wrapper .flow3_wrapper .form_two{display:flex;flex-direction:column;margin-top:3rem;align-items:center}#animation_background #index #ticket #ticket_flow3 .t_wrapper .flow3_wrapper .form_two .form fieldset{border:0;height:fit-content;width:80vw}#animation_background #index #ticket #ticket_flow3 .t_wrapper .flow3_wrapper .form_two .form fieldset div{margin-bottom:.5rem}#animation_background #index #ticket #ticket_flow3 .t_wrapper .flow3_wrapper .form_two .form fieldset span{display:grid;justify-content:end;margin-top:.5rem}#animation_background #index #ticket #ticket_flow3 .t_wrapper .flow3_wrapper .form_two .form fieldset input{color:#fff;width:80vw;background-color:transparent;border:none;border-bottom:1px solid white;box-shadow:none;border-radius:0}#animation_background #index #ticket #ticket_flow4{position:relative;width:100vw;height:90vh;grid-column:2/3;grid-row:2/3;display:flex;justify-content:center;align-items:center}#animation_background #index #ticket #ticket_flow4 .summery_overview{display:flex;flex-direction:row;justify-content:space-between;width:30vw}#animation_background #index #ticket #ticket_flow4 #status{display:none}#animation_background #index #ticket #ticket_flow4 .t_wrapper{position:relative;overflow-y:hidden;overflow-x:hidden;height:70vh;width:30vw;align-items:center;justify-content:center;display:flex;flex-direction:column;gap:3rem}#animation_background #index #ticket #ticket_flow4 .t_wrapper .purchase_result{display:flex;flex-direction:column;gap:1rem}#animation_background #index #ticket #ticket_flow4 .t_wrapper .purchase_result #summery_box{flex-direction:column}#animation_background #index .active_left{transform:translate(-100vw,-100vh);transition:all .5s ease-in}#animation_background #index .active_right_desktop{transform:translate(100vw);transition:all .5s ease-in}#animation_background #index .active_up{transform:translateY(-100vh);transition:all .5s ease-in}#animation_background #index .active_up1{transform:translateY(-200vh);transition:all .5s ease-in}#animation_background #index .active{transform:translate(-100vw,-100vh);transition:all .5s ease-in}#animation_background #index .active_down{transform:translate(100vw,100vh);transition:all .5s ease-in}#animation_background #index .ticket_up{transform:translateY(-200vh);transition:all .5s ease-in}#animation_background #index .ticket_up_2{transform:translate(-100vw,-200vh);transition:all .5s ease-in}@media (min-width: 1000px){#animation_background #index #frontpage .front_buttons{flex-direction:row}#animation_background #index #program{grid-template-columns:50vw 50vw 50vw}#animation_background #index #program .pheading_wrapper{grid-column:1/2;background-color:#000;visibility:visible;display:flex;align-items:center;padding-left:5rem}#animation_background #index #program .artist_wrapper{grid-column:2/3;width:50vw}#animation_background #index #program .box_right{grid-column:3/4;width:50vw}#animation_background #index #program .box_right .box .card figure img{width:50vw}#animation_background #index #contact_page #test{display:grid;grid-template-columns:15vw auto 15vw}#animation_background #index #ticket{grid-template-columns:50vw 50vw 100vw;grid-template-rows:100vh 100vh 100vh}#animation_background #index #ticket .theading_wrapper{grid-column:1/2;grid-row:1/2;background-color:#000;height:90vh;visibility:visible;display:flex;align-items:center;padding-left:5rem}#animation_background #index #ticket .tbutton_wrapper{grid-column:2/3;height:90vh;width:50vw}#animation_background #index #ticket .summery{visibility:visible;position:absolute;left:170vw;z-index:100;height:90vh;width:25vw;display:flex;flex-direction:column;justify-content:space-evenly;border-left:solid;padding:0 2rem;gap:3rem}#animation_background #index #ticket #ticket_flow1{grid-column:3/4;grid-row:1/2;width:70vw}#animation_background #index #ticket #ticket_flow1 #status{width:70vw}#animation_background #index #ticket #ticket_flow1 .heading{margin-bottom:2rem}#animation_background #index #ticket #ticket_flow2{grid-column:3/4;width:70vw}#animation_background #index #ticket #ticket_flow2 .t_wrapper #status,#animation_background #index #ticket #ticket_flow2 .t_wrapper .flow2_wrapper #cardContainer{width:70vw}#animation_background #index #ticket #ticket_flow2 .t_wrapper .flow2_wrapper #cardContainer fieldset,#animation_background #index #ticket #ticket_flow2 .t_wrapper .flow2_wrapper #cardContainer fieldset input{width:40vw}#animation_background #index #ticket #ticket_flow4{grid-column:3/3}#animation_background #index #ticket #ticket_flow3{grid-column:3/4;width:70vw}#animation_background #index #ticket #ticket_flow3 .t_wrapper #status{width:70vw}#animation_background #index #ticket #ticket_flow3 .t_wrapper .flow3_wrapper{margin-top:3rem}#animation_background #index #ticket #ticket_flow3 .t_wrapper .flow3_wrapper .form_one .form fieldset,#animation_background #index #ticket #ticket_flow3 .t_wrapper .flow3_wrapper .form_one .form fieldset input,#animation_background #index #ticket #ticket_flow3 .t_wrapper .flow3_wrapper .form_two .form fieldset,#animation_background #index #ticket #ticket_flow3 .t_wrapper .flow3_wrapper .form_two .form fieldset input{width:40vw}#animation_background #index .active_left{transform:translate(-50vw,-100vh);transition:all .5s ease-in}}body{background-color:#040131;overflow:hidden;background-attachment:fixed}header{position:absolute;top:0%;width:100vw;height:10vh;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:3rem}header img{width:3rem;margin:1rem}header div{display:flex;flex-direction:column;gap:1rem}@media (min-width: 1000px){header div{flex-direction:row;padding-left:2rem;padding-right:2rem}}#animation_background #app{position:relative;width:100vw;height:100vh;overflow:hidden}#animation_background #app .wrapper{position:absolute;width:100vw;height:100vh}#animation_background #app #app_frontpage{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3rem;height:90vh;margin-top:10vh;overflow:hidden}#animation_background #app #app_schedule{top:110vh;height:90vh}#animation_background #app #app_schedule .schedule-wrapper{display:grid;grid-template-rows:auto 10vh;grid-template-columns:15vw auto;width:100vw;height:90vh;overflow:hidden;background:rgba(0,0,0,.8);backdrop-filter:saturate(180%) blur(10px)}#animation_background #app #app_schedule .schedule-wrapper .scenes{background-color:#000;grid-column:1/2;grid-row:1/2;height:7vh;width:80vh;display:flex;justify-content:space-around;align-items:center;margin:20.5rem -20.5rem -20.5rem;overflow:hidden;transform:rotate(270deg)}#animation_background #app #app_schedule .schedule-wrapper .schedule{grid-column:2/3;grid-row:1/2;overflow:hidden;display:grid}#animation_background #app #app_schedule .schedule-wrapper .schedule .lines{position:relative;left:0%;top:5vh;display:flex;flex-direction:column;gap:1rem}#animation_background #app #app_schedule .schedule-wrapper .schedule .lines .line{width:200vw;border-top:1px solid rgba(255,255,255,.456)}#animation_background #app #app_schedule .schedule-wrapper .schedule .schedule_content{position:absolute;width:90vw;height:80vh;overflow-x:scroll;overflow-y:hidden}#animation_background #app #app_schedule .schedule-wrapper .schedule .schedule_content .time{display:flex;gap:20rem;margin-bottom:4rem}#animation_background #app #app_schedule .schedule-wrapper .schedule .schedule_content .acts{display:grid;grid-template-rows:1fr 1fr 1fr;gap:10rem}#animation_background #app #app_schedule .schedule-wrapper .schedule .schedule_content div{display:flex;gap:9rem}#animation_background #app #app_schedule .schedule-wrapper .schedule .schedule_content div .time_slot{font-family:azo-sans-web,sans-serif;font-weight:400;font-style:normal;font-size:1rem;display:flex;align-items:center;justify-content:center;width:16rem;height:5rem;background-color:#ffffff3e}#animation_background #app #app_schedule .schedule-wrapper .menu{position:absolute;width:100vw;bottom:0;display:flex;background-color:#000;overflow-y:scroll;gap:2rem}#animation_background #app #app_schedule .schedule-wrapper .menu div{margin-left:1rem;height:10vh;display:flex;justify-content:center;align-items:center}#animation_background #app #app_program{top:110vh;height:90vh}#animation_background #app #app_program .program_wrapper{width:100vw;height:90vh;overflow-x:hidden;overflow-y:scroll;background:rgba(0,0,0,.8);backdrop-filter:saturate(180%) blur(10px)}#animation_background #app #app_program .program_wrapper .wrap{grid-row:1/2}#animation_background #app #app_program .program_wrapper .elementcontainer{grid-row:3/4;overflow:hidden}#animation_background #app .active_up{transform:translateY(-100vh);transition:all 1s ease-in}@media (min-width: 1000px){#animation_background #app .wrapper{display:flex;justify-content:center;width:100vw;height:100vh}#animation_background #app #app_frontpage{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4rem}#animation_background #app #app_schedule .schedule-wrapper{display:grid;grid-template-columns:75vw 25vw;grid-template-rows:15vh 75vh}#animation_background #app #app_schedule .schedule-wrapper .scenes{grid-column:1/2;grid-row:1/2;background-color:transparent;width:70vw;height:max-content;transform:none;margin:0;padding-left:5vw;display:grid;grid-template-columns:1fr 1fr 1fr}#animation_background #app #app_schedule .schedule-wrapper .scenes h2{padding-left:2rem;padding-top:2rem}#animation_background #app #app_schedule .schedule-wrapper .schedule{grid-column:1/2;grid-row:2/3;overflow-y:scroll;height:75vh}#animation_background #app #app_schedule .schedule-wrapper .schedule .lines{gap:1.5rem;height:max-content}#animation_background #app #app_schedule .schedule-wrapper .schedule .lines .line{width:75vw}#animation_background #app #app_schedule .schedule-wrapper .schedule .schedule_content{position:relative;width:75vw;height:fit-content;display:grid;grid-template-columns:5vw 70vw;overflow-y:hidden;overflow-x:hidden;top:-300vh;padding-bottom:-100rem}#animation_background #app #app_schedule .schedule-wrapper .schedule .schedule_content .time{grid-column:1/2;display:flex;flex-direction:column;align-items:center}#animation_background #app #app_schedule .schedule-wrapper .schedule .schedule_content .acts{grid-column:2/3;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0rem}#animation_background #app #app_schedule .schedule-wrapper .schedule .schedule_content div{display:flex;flex-direction:column;align-items:center;gap:12rem}#animation_background #app #app_schedule .schedule-wrapper .schedule .schedule_content div .time_slot{display:flex;align-items:center;justify-content:center;width:20vw;height:10rem}#animation_background #app #app_schedule .schedule-wrapper .menu{position:unset;grid-column:2/3;grid-row:1/3;display:flex;flex-direction:column;padding-left:2rem;padding-top:8rem;gap:1.5rem;overflow:hidden}#animation_background #app #app_schedule .schedule-wrapper .menu div{justify-content:flex-start;width:100%;height:auto}}#animation_background #front_wrapper,#animation_background #middle_wrapper,#animation_background #back_wrapper{position:fixed;bottom:0;top:0;left:0;right:0;overflow:hidden}#animation_background #front_wrapper div,#animation_background #middle_wrapper div,#animation_background #back_wrapper div{position:absolute;transform-style:preserve-3d}#animation_background #front_wrapper{z-index:-10}#animation_background #front_wrapper .one{height:18rem;width:10rem}#animation_background #front_wrapper .two{height:18rem;width:10rem;left:25%}#animation_background #front_wrapper .three{height:15rem;width:15rem;left:50%}#animation_background #front_wrapper .four{height:15rem;width:17rem;left:80%}#animation_background #front_wrapper .five{height:15rem;width:17rem;left:60%}#animation_background #middle_wrapper{z-index:-20;filter:blur(.5rem);opacity:60%}#animation_background #middle_wrapper .six{height:14rem;width:6rem;left:20%}#animation_background #middle_wrapper .seven{height:7rem;width:10rem;left:80%}#animation_background #middle_wrapper .eight{height:20rem;width:11rem;left:-20%}#animation_background #middle_wrapper .nine{height:16rem;width:12rem;left:50%}#animation_background #back_wrapper{z-index:-30;filter:blur(1rem);opacity:30%}#animation_background #back_wrapper .eleven{height:11rem;width:9rem;left:2%}#animation_background #back_wrapper .twelve{height:8rem;width:3rem;left:44%}#animation_background #back_wrapper .thirteen{height:15rem;width:15rem;right:13%}@media (min-width: 1000px){#animation_background #front_wrapper,#animation_background #middle_wrapper,#animation_background #back_wrapper{position:fixed;bottom:0;top:0;left:0;right:0;overflow:hidden}#animation_background #front_wrapper div,#animation_background #middle_wrapper div,#animation_background #back_wrapper div{position:absolute;transform-style:preserve-3d}#animation_background #front_wrapper{z-index:-10}#animation_background #front_wrapper .one{height:28rem;width:20rem}#animation_background #front_wrapper .two{height:28rem;width:20rem;left:25%}#animation_background #front_wrapper .three{height:25rem;width:25rem;left:50%}#animation_background #front_wrapper .four{height:15rem;width:17rem;left:80%}#animation_background #front_wrapper .five{height:15rem;width:17rem;left:60%}#animation_background #middle_wrapper{z-index:-20;filter:blur(.5rem);opacity:60%}#animation_background #middle_wrapper .six{height:24rem;width:16rem;left:20%}#animation_background #middle_wrapper .seven{height:17rem;width:10rem;left:80%}#animation_background #middle_wrapper .eight{height:30rem;width:21rem;left:-20%}#animation_background #middle_wrapper .nine{height:26rem;width:22rem;left:50%}#animation_background #back_wrapper{z-index:-30;filter:blur(1rem);opacity:30%}#animation_background #back_wrapper .eleven{height:21rem;width:19rem;left:2%}#animation_background #back_wrapper .twelve{height:18rem;width:13rem;left:44%}#animation_background #back_wrapper .thirteen{height:25rem;width:25rem;right:13%}}*{margin:0}html{scroll-behavior:smooth}
