@charset "UTF-8";.snowflake{color:#fff;font-size:1em;font-family:Arial,sans-serif;text-shadow:0 0 5px #000}.snowflake,.snowflake .inner{animation-iteration-count:infinite;animation-play-state:running}@keyframes snowflakes-fall{0%{transform:translateY(0)}to{transform:translateY(110vh)}}@keyframes snowflakes-shake{0%,to{transform:translate(0)}50%{transform:translate(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;user-select:none;cursor:default;pointer-events:none;animation-name:snowflakes-shake;animation-duration:3s;animation-timing-function:ease-in-out}.snowflake .inner{font-size:24pt;animation-duration:10s;animation-name:snowflakes-fall}animation-timing-function:linear .snowflake .inner.small{font-size:14pt}.snowflake .inner.medium{font-size:16pt}.snowflake .inner.large{font-size:18pt}.snowflake .inner.extra-large{font-size:30pt}.snowflake:nth-of-type(0){left:1%;animation-delay:0s}.snowflake:nth-of-type(0) .inner{animation-delay:0s}.snowflake:first-of-type{left:10%;animation-delay:1s}.snowflake:first-of-type .inner,.snowflake:nth-of-type(8) .inner{animation-delay:1s}.snowflake:nth-of-type(2){left:20%;animation-delay:.5s}.snowflake:nth-of-type(2) .inner,.snowflake:nth-of-type(6) .inner{animation-delay:6s}.snowflake:nth-of-type(3){left:30%;animation-delay:2s}.snowflake:nth-of-type(11) .inner,.snowflake:nth-of-type(3) .inner{animation-delay:4s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s}.snowflake:nth-of-type(10) .inner,.snowflake:nth-of-type(4) .inner{animation-delay:2s}.snowflake:nth-of-type(5){left:50%;animation-delay:3s}.snowflake:nth-of-type(5) .inner{animation-delay:8s}.snowflake:nth-of-type(6){left:60%;animation-delay:2s}.snowflake:nth-of-type(7){left:70%;animation-delay:1s}.snowflake:nth-of-type(7) .inner{animation-delay:2.5s}.snowflake:nth-of-type(8){left:80%;animation-delay:0s}.snowflake:nth-of-type(9){left:90%;animation-delay:1.5s}.snowflake:nth-of-type(9) .inner{animation-delay:3s}.snowflake:nth-of-type(10){left:25%;animation-delay:0s}.snowflake:nth-of-type(11){left:65%;animation-delay:2.5s}a{text-decoration:underline}a:visited,a:hover,a:link,a:active{color:#a2d2df}.app-main{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%}.op-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;overflow:hidden;border-radius:5px;width:90%;background-color:#fafaf5;z-index:1;margin:15px 5%}.op-container.full{background-color:transparent}.op-text-body{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;padding:50px;width:100%;max-width:50%}.op-text-body .body{display:flex;height:auto;gap:3rem;position:relative;margin-top:25px}.op-text-body .body .column{display:flex;flex-direction:column;flex:1;padding:10px;width:100%;max-width:100%}.op-text-body .body p{font-size:14pt;margin-top:0;margin-bottom:1em;text-align:justify}@media screen and (max-width: 500px){.op-text-body{padding:5px}.op-text-body .body{max-width:unset}}.op-container.main{padding-top:25px}.op-container.video{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}.video-container{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;width:calc(100% - 20px);padding:10px;margin:0}.video-container iframe{height:500px;width:895px}@media screen and (max-width: 1250px){.video-container iframe{width:700px;height:392px}}@media screen and (max-width: 500px){.video-container iframe{width:300px;height:168px}}.controls-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;width:100%}.description{max-width:50%;margin:0 25px;padding:25px 50px;color:#fff;font-size:25pt;line-height:35pt;background-color:#257ca3;color:#dcf3ff;overflow:auto}.description p{font-size:18pt;line-height:22pt;margin-bottom:10px}.description .headline{text-align:center;font-size:24pt;line-height:34pt;color:#fff;text-transform:uppercase}.about-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:355px;color:#fff;font-size:24pt;margin-bottom:50px}.about-container .description{border:2px solid #dcf3ff}.video-container{width:100%;z-index:100}@media screen and (max-width: 1024px){.about-container .description{max-width:100%}.about-container .description p{font-size:24pt;line-height:32pt}.op-text-body{max-width:75%}}@media screen and (max-width: 500px){.op-container{@flex ($align-items center);}.op-container.controls{margin:0;padding:0;width:95%}.op-text-body{max-width:90%}.quote,.attr{padding:50px 10vw 30px;width:calc(100% - 20vw);font-size:18pt}.attr{padding:0 10vw 50px;text-align:center;font-size:14pt}.photo-container,.about-container{width:90%;margin-bottom:25px}.video-container{width:90%}.about-container .description{height:100%;padding:20px;margin:0;font-size:12pt;line-height:18pt}.about-container .description .headline{text-align:center;font-size:15pt;line-height:22pt;color:#fff;text-transform:uppercase}.about-container .description p{font-size:14pt;line-height:20pt}}.op-container .hero{width:100%;display:grid;grid-template-rows:100%;grid-template-columns:1fr 2fr 1fr;gap:50px;background-color:transparent}.op-container .hero .au-cont{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}.op-container .hero .au-cont>*{font-family:Libre Bodoni}.op-container .hero .au-cont.left{animation:5.5s ease-in-out 0s slideInFromLeft}.op-container .hero .au-cont.left>*{text-align:right}.op-container .hero .au-cont.right>*{text-align:left;animation:5.5s ease-in-out 0s slideInFromRight}.op-container .hero .au-cont .super-title{width:100%;font-size:20pt;text-transform:uppercase;color:#fff}.op-container .hero .au-cont .author{text-transform:uppercase;width:100%;font-size:32pt;color:#fff;line-height:40pt}.op-container .hero .photo-group{overflow:hidden;position:relative;width:100%}.op-container .hero .photo-group img{width:100%}.op-container .hero .img-base{z-index:10}.op-container .hero .img-overlay{position:absolute;top:-15%;left:0;z-index:20}.op-container .hero #text1{animation:1.5s ease-out 0s slideInFromLeft}.op-container .hero #text2{animation:2s ease-out 0s slideInFromRight}.op-container .hero #text3{animation:4s ease-out 0s slideInFromLeft}.op-container .hero #text4{animation:11s ease-out 0s slideInFromRight}.op-container .hero #moon1{animation:10s ease-out 0s slideInFromTop;z-index:15}.op-container .ack{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;width:70%;background-color:#014a69;position:relative;color:#fff;padding:10px 15%;text-align:center;font-size:24pt;line-height:32pt;animation:5.5s ease-in-out 0s slideInFromBottom;z-index:10}.authors{display:none}@media screen and (max-width: 1024px){.op-container .hero{grid-template-columns:100%}.op-container .hero .au-cont{display:none}.authors{width:100%;margin:10px 0 15px;display:grid;grid-template-rows:1fr;grid-template-columns:1fr 1fr}.authors .au-cont{display:flex;flex-direction:column;justify-content:center;align-items:center}.authors .au-cont>*{color:#fff}.authors .au-cont.left{margin-left:0}.authors .au-cont.right{margin-right:0}.authors .au-cont.left>*{text-align:left;animation:1.5s ease-in-out 0s slideInFromLeft}.authors .au-cont.right>*{text-align:right;animation:1.5s ease-in-out 0s slideInFromRight}.authors .au-cont .super-title{width:100%;font-size:15pt;line-height:20pt}.authors .au-cont .author{white-space:nowrap;width:100%;font-size:20pt;line-height:25pt}.op-container.full .ack{width:100%;padding:0;font-size:15pt;line-height:20pt;animation:2s ease-in-out 0s slideInFromBottom}.op-container.full .ack div{text-align:justify}.logo-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;width:100vw;max-height:100vw;min-height:100vw;height:unset;min-height:unset;max-height:unset}.logo-container img.expand-img{width:100%;max-width:100%;min-width:100%;height:100%;max-height:100%;min-height:100%}.logo-container .credits{position:relative}.logo-container .credits .authors{padding-top:50px}.logo-container .credits .authors .au-cont{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}.logo-container .credits .authors .au-cont.left{animation:1.5s ease-in-out 0s slideInFromLeft}.logo-container .credits .authors .au-cont.right{animation:1.5s ease-in-out 0s slideInFromRight}.logo-container .credits .authors .au-cont .super-title{font-size:14pt;text-transform:uppercase}.logo-container .credits .authors .au-cont .author{font-size:24pt}}@media screen and (max-width: 500px){.op-container{@flex ($align-items center);}.op-container.controls{margin:0;padding:0;width:95%}.app-main .logo-container img.expand-img{height:35vh;width:unset;object-fit:cover}.authors .au-cont{width:calc(100% - 20px);margin:10px}.authors .au-cont .super-title{font-size:12pt;line-height:16pt}.authors .au-cont .author{font-size:16pt;line-height:22pt}.op-container.full .ack{width:100%;font-size:12pt;line-height:16pt;animation:2s ease-in-out 0s slideInFromBottom}.op-container.full .ack div{text-align:justify}}@keyframes slideInFromLeft{0%{transform:translate(-100vw)}to{transform:translate(0)}}@keyframes slideInFromBottom{0%{transform:translateY(200vh)}to{transform:translateY(0)}}@keyframes slideInFromTop{0%{transform:translateY(-100vh)}to{transform:translateY(0)}}.header1{text-align:center;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;font-family:Libre Bodoni;font-size:50pt;color:#014a69;font-style:italic;font-weight:700;line-height:60pt}.header1:before{content:"";width:100px;height:12px;background-color:#ddb15a}@media screen and (max-width: 500px){.header1{font-size:25pt;line-height:35pt}}.header2{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;font-size:20pt;font-weight:700;text-transform:uppercase;color:#014a69;line-height:20pt;text-align:center}.op-container.tracks .op-text-body{background-image:url(/assets/photos/bow.png),url(/assets/photos/paper.png);background-repeat:no-repeat,repeat;background-position:bottom left,center;background-size:contain,cover}.audio-container{margin:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;gap:30px;position:relative;width:100%}.audio-container.noscroll{overflow:hidden}.audio-player{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:nowrap;gap:15px;cursor:pointer;gap:5px}.audio-player .audio-name{font-size:16pt;color:#014a69;font-weight:700;line-height:16pt}.audio-player:hover .audio-control.play:before,.audio-player.active .audio-control.play:before{color:#014a69;background-color:#fafaf5}.audio-control{font-size:16pt;width:25px;color:#257ca3}.audio-control.play:before,.audio-control.pause:before{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;content:"⏵";color:#fafaf5;background-color:#014a69;width:22px;height:20px;border-radius:50%;padding-top:2pt}.audio-control.pause:before{content:"▇";padding-top:0;font-size:6pt;width:20px;height:20px}.audio-overlay{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;width:100%;height:100%;top:0;left:0;z-index:100;animation:.5s ease-in-out 0s slideInFromRight}.audio-overlay .audio-inner-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;width:min(350px,100%);height:100%;background-color:#014a69;border-radius:15px}.audio-overlay.hidden{display:none;animation:.5s ease-in-out 0s slideInFromRight}.audio-overlay .song-image-container{width:225px;height:225px;background-color:#fafaf5;border-radius:50%;overflow:hidden;outline:1px solid #fafaf5}.audio-overlay .song-image-container .song-image{height:100%;object-fit:fill;object-position:-50px center}.audio-overlay .song-title{color:#fafaf5;padding:15px;font-size:18pt;font-weight:700;text-align:center;width:calc(100% - 30px)}.audio-overlay .song-close{font-weight:700;color:#fafaf5;background-color:#014a69;border-radius:5px;padding:5px 20px;border:1px solid #fafaf5;cursor:pointer;font-size:14pt;text-transform:uppercase}@media screen and (max-width: 500px){.op-container.tracks .op-text-body{background-image:unset;max-width:100%}.audio-container{justify-content:flex-start;align-items:flex-start;width:100%;gap:15px;height:400px}.audio-player:hover{background-color:unset}}@keyframes slideInFromRight{0%{transform:translate(200vw)}to{transform:translate(0)}}@keyframes slideOutRight{to{transform:translate(200vw)}0%{transform:translate(0)}}.footer{padding-bottom:50px;width:calc(100% - 20px);margin:20px 10px;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}.footer .contact{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;font-size:20pt;color:#fff}.footer .copyright{text-align:center;margin-top:50px;color:#fff;font-size:10pt}@media screen and (max-width: 500px){.footer .contact{font-size:18pt;color:#fff}.footer .copyright{color:#fff}}.license{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;position:relative;background-image:url(/assets/photos/full_moon.png);background-repeat:no-repeat;background-position:center;height:300px;width:300px;font-size:22pt;font-weight:700;text-transform:uppercase;text-align:center;line-height:30pt}.license .date{color:#014a69;font-size:40pt;line-height:40pt}.photo-container{width:90%;margin:0 5% 50px;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:30px}.photo{box-shadow:3px 3px 3px gray;margin:10px 0;background-color:#fff;padding:20px}.photo img{width:600px}.photo .caption{font-family:Indie Flower;color:#014a69;text-align:center;height:20px;font-size:14pt}.photo-inline{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;max-width:100%;margin-bottom:25px}.photo-inline img{position:relative;width:100%;object-fit:contain;object-position:25% ß}@media screen and (max-width: 500px){.photo-container{width:calc(100% - 20px);margin:0 10px 15px;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:0}.photo{box-shadow:3px 3px 3px gray;margin:10px 0;background-color:#fff;padding:20px}.photo img{width:95%}}.text-quote{position:relative;width:90%;border:2px solid #014a69;border-radius:25px;padding:30px;margin:20px 0;font-size:18pt;text-align:justify;break-inside:avoid}.text-quote:before,.text-quote:after{position:absolute;background-color:#fafaf5;color:#014a69;font-size:65pt;font-weight:800;line-height:40pt}.text-quote:before{content:"“";top:-10px;left:0}.text-quote:after{content:"”";color:#014a69;bottom:-35px;right:0}.text-quote .quote{font-weight:600;color:#014a69}.text-quote .attr{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;font-size:14pt;line-height:20pt;color:#014a69;text-transform:uppercase;font-weight:700}.text-quote.dark{background-color:#014a69}.text-quote.dark>*{color:#dcf3ff}.text-quote.dark .quote{border-top:2px solid #396d7c;padding-top:25px}.text-quote.dark .attr{border-bottom:2px solid #396d7c;padding-bottom:25px}.text-quote.dark:before,.text-quote.dark:after{background-color:#014a69;color:#396d7c}.text-quote.dark:before{top:10px;left:20pt;line-height:40pt}.text-quote.dark:after{bottom:0;right:20pt;line-height:40pt}@media screen and (max-width: 500px){.text-quote{padding:0;text-align:center;width:100%}.text-quote .quote{padding:10px;margin-top:30px;width:100%;width:calc(100% - 20px)}.text-quote.dark{margin-top:0;width:95%;padding:35px 5px}.text-quote.dark:after,.text-quote.dark:before{line-height:25pt}.text-quote.dark:before{top:40px}.text-quote.dark .quote{padding:20px 10px;width:calc(100% - 30px);margin-top:15px}}.listItem{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;margin-bottom:15px}.listItem .listHead{color:#014a69;text-transform:uppercase;font-size:18pt;border-bottom:1px solid #ddb15a;padding-bottom:2px;margin-bottom:10px;text-align:center}.listItem .listDesc{text-align:justify}span.song{color:#014a69;font-weight:800}.castItem{font-size:12pt;width:100%;color:#014a69;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:0}.castItem .name,.castItem .role{white-space:nowrap}.castItem .name{font-weight:700;text-transform:uppercase}.castItem .dots{width:100%;min-width:30px;background:radial-gradient(circle at 50% .8em,#ddb15a 8%,transparent 8%);background-size:.5em;background-repeat:repeat-x}@media screen and (max-width: 500px){.castItem{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0}.castItem .dots{display:none}.castItem .name{text-align:center;margin-bottom:10px;white-space:unset}}.button-container{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:20px;margin-bottom:15px}.button-container .button{background-color:#014a69;border:1px solid #014a69;padding:10px 25px;border-radius:5px;color:#ddb15a;font-size:16pt;cursor:pointer;text-transform:uppercase;font-weight:700}.button-container .button:hover,.button-container .button.active{background-color:#ddb15a;border:1px solid #ddb15a;color:#014a69}.button-container.sub .button{background-color:#fafaf5;border:1px solid #014a69;color:#014a69}.button-container.sub .button:hover,.button-container.sub .button.active{background-color:#ddb15a;border:1px solid #ddb15a;color:#014a69}@media screen and (max-width: 500px){.button-container{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px;margin:5px 10px 0}.button-container .button{padding:5px 10px;font-size:12pt}}.intro{font-size:16pt;line-height:24pt;margin:25px 0}.script{max-width:500px}.script>*{font-size:12pt;font-family:Source Code Pro}.script .scene{margin-top:15px;font-size:14pt;font-weight:700}.script .setting{font-style:italic}.script .character{margin-top:10px;text-align:center}.script .direction{margin-top:10px;margin-left:20%;font-style:italic}.script .instruction{margin:4px 0;font-style:italic;text-align:center}.script .lyric{margin-left:10%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(97,218,251,.6666666667))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{font-family:Cormorant Garamond,Helvetica,Arial,sans-serif;font-size:12pt;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#fafaf5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{min-height:100vh;min-width:100vw;margin:0;padding:0;background-color:#fafaf5}h1{font-family:Libre Bodoni;font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100vw;padding:0;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background-color:#014a69;color:#000}.app-header{position:absolute;top:0;left:0;right:0;width:100%;height:50px;z-index:100;color:#fff}
