@charset "UTF-8";:root{font-family:system-ui,Playfair Display,Helvetica,Arial,sans-serif;font-size:12pt;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;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:#396d7c}h1{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:#396d7c}.app-header{position:absolute;top:0;left:0;right:0;width:100%;height:50px;z-index:100;color:#fff}.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{overflow:hidden;border-radius:5px;width:90%;background-color:#fff3;z-index:1;margin:15px 5%}.op-container .hero{width:100%;display:grid;grid-template-rows:100%;grid-template-columns:1fr 2fr 1fr;gap:50px}.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.left>*{text-align:right}.op-container .hero .au-cont.right>*{text-align:left}.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.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}}.au-cont.left{animation:5.5s ease-in-out 0s slideInFromLeft}.au-cont.right{animation:5.5s ease-in-out 0s slideInFromRight}.authors{display:none}.ack{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;width:70%;background-color:transparent;position:relative;color:#fff;padding:50px 15%;text-align:center;font-size:24pt;line-height:32pt;animation:5.5s ease-in-out 0s slideInFromBottom;z-index:10;margin-bottom:50px}.controls-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;width:100%}.button-container{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:20px;margin-top:50px;margin-bottom:25px}.button-container .button{background-color:#dcf3ff;border:1px solid #dcf3ff;padding:10px 25px;border-radius:5px;color:#257ca3;font-size:16pt;cursor:pointer}.button-container .button:hover,.button-container .button.active{background-color:#257ca3;color:#dcf3ff;border:1px solid #dcf3ff}.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}.photo-container{width:90%;overflow:auto;margin:0 5% 50px;height:355px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:30px}.audio-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:0;height:355px;margin-bottom:50px}.quote{padding:50px 100px 0;text-align:center;color:#fff;text-transform:uppercase;font-size:30pt;color:#a2d2df}.attr{padding:0 100px 50px;text-align:right;text-transform:uppercase;font-size:22pt;color:#a2d2df}.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;animation:1s ease-in-out 0s slideInFromTop}@media screen and (max-width: 1024px){.op-container .hero{grid-template-columns:100%}.op-container .hero .au-cont{display:none}.authors{width:calc(100% - 20px);margin:15px 10px;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>*{text-align:center}.authors .au-cont.right>*{text-align:center}.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}.ack{padding:0;width:100%}.ack p{font-size:15pt;line-height:22pt;padding:0 15%}.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}.about-container .description{max-width:100%}.about-container .description p{font-size:24pt;line-height:32pt}}@media screen and (max-width: 500px){.app-main .logo-container img.expand-img{height:35vh;width:unset;object-fit:cover}.authors .au-cont{width:calc(100% - 20px);margin:15px 10px}.authors .au-cont .super-title{font-size:12pt;line-height:16pt}.authors .au-cont .author{font-size:16pt;line-height:22pt}.ack{padding:15px 0;width:100%}.ack p{font-size:12pt;line-height:17pt}.quote,.attr{padding:50px 10vw 30px;width:calc(100% - 20vw);font-size:18pt}.attr{padding:0 10vw 50px;text-align:center;font-size:14pt}.button-container{width:calc(100% - 20px);display:flex;flex-direction:row;justify-content:space-around;align-items:center;flex-wrap:nowrap;gap:5px;margin:15px 10px}.button-container .button{padding:5px 10px;font-size:12pt}.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}}@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)}}.audio-container{position:relative;overflow:auto;width:500px;padding:0;background-color:#a2d2df;border-radius:5px;margin-bottom:0}.audio-container.noscroll{overflow:hidden}.audio-player{padding:2px 0;width:calc(100% - 4px);display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:0;border-bottom:1px solid #257ca3;height:30px;cursor:pointer}.audio-player:hover,.audio-player.active{background-color:#fff}.audio-player .audio-name{font-size:14pt;color:#257ca3}.audio-control{font-size:12pt;margin-left:5px;width:25px;color:#257ca3}.audio-control.play:before{content:"⏵"}.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;background-color:#257ca3;z-index:100;animation:.5s ease-in-out 0s slideInFromRight}.audio-overlay.hidden{display:none;animation:.5s ease-in-out 0s slideInFromRight}.audio-overlay .song-image-container{width:225px;height:225px;background-color:#fff;border-radius:50%;overflow:hidden}.audio-overlay .song-image-container .song-image{height:100%;object-fit:fill;object-position:-50px center}.audio-overlay .song-title{color:#fff;padding:10px 0;font-size:16pt}.audio-overlay .song-close{color:#baf2ef;background-color:#396d7c;border-radius:5px;padding:10px 20px;border:1px solid #baf2ef;cursor:pointer}@media screen and (max-width: 500px){.audio-container{width:100%}.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{width:100%;height:100px}.photo{box-shadow:3px 3px 3px gray;margin:10px 0;height:280px;background-color:#fff;padding:20px}.photo img{width:350px}.photo .caption{font-family:Indie Flower;color:#257ca3;text-align:center;height:20px;font-size:14pt;line-height:50px}.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}