@import"https://fonts.googleapis.com/css?family=Lato:100,300,400,700|Open+Sans:300,400,600,700,800|Quicksand:300,400,500,600,700|Raleway:100,200,300,400,500,600,700,800,900&display=swap";@import"https://fonts.googleapis.com/css?family=Questrial&display=swap";@import"https://fonts.googleapis.com/css?family=Sarala:400,700&display=swap";body{font-family:Questrial,sans-serif;background:linear-gradient(358deg,#016699,#24b4a4,#1f8acc) no-repeat center center fixed;background-size:cover;overflow:hidden;animation:bgGradientGenerator 30s ease infinite}@keyframes bgGradientGenerator{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.main-content-container{display:flex;flex-direction:column;justify-content:flex-start;align-content:center;width:100%;height:100vh}body h1{margin-top:1.1em;margin-bottom:30px;margin-left:-50px;font-family:Questrial,sans-serif;font-size:4em;font-weight:200;text-align:center;color:#40d9ff;opacity:.9;animation:fadein 1s ease-in;z-index:2}#of-blue{color:#fff;opacity:.9}#app{position:fixed;bottom:10px;color:#d3d3d3}#dropdown-container{width:30rem;margin:0 auto;font-family:Lato,sans-serif;z-index:2}#station_id{width:28rem;max-width:9 0%;height:2.2em;margin-bottom:5px;padding:10px 30px;color:#084769;background-color:#084769;font-size:1.5em;font-weight:700;text-align:center;border-color:#838f96;border-radius:10px;opacity:.8}#station-id:hover{border:2px solid #16BCCC}#station_id:focus{outline:none}.select-css{box-sizing:border-box;box-shadow:0 1px 0 1px rgba(0,0,0,.04);border-radius:.5em;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E),linear-gradient(to bottom,#fff,#e5e5e5);background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%;z-index:2}.select-css::-ms-expand{display:none}.select-css:hover{border-color:#888}.select-css option{font-weight:400}.select-css:focus{outline:none}.organ-buttons{display:flex;justify-content:center;align-content:center;width:27rem}#select-button,#stop-button{width:13rem;margin:1rem 1.2rem;padding:.91rem .13rem!important;color:#fff;font-size:1.56em;font-weight:600;letter-spacing:1.5px;text-align:center;border-color:#135183;border-radius:10px;opacity:.8;transition:transform .2s ease,background-color .3s ease,color .3s ease,border .3s ease;z-index:2}.play-button{background-color:#135183}.stop-button{background-color:#444;transition:.4s}.play-button:hover,.stop-button:hover{color:#135183;border:1px solid white;transform:scale(1.05)}.play-button:hover{background-color:#16bccc}.stop-button:hover{background-color:#999}.input-wrapper-play,.input-wrapper-stop{position:relative;width:200px}input:visited,input:focus{outline:none}.button-explanation{font-size:1.5em;line-height:1.2em;text-align:center;opacity:0;margin-top:10px;transition:opacity .3s ease;color:#ff6b6b;text-shadow:1px 1px rgba(0,0,0,.7);z-index:2}.intro-explanation{position:relative;top:5%;width:70%;margin-left:15%;margin-right:15%;font-size:2em;letter-spacing:.2px;line-height:1.2em;text-align:left;text-shadow:1px 1px rgba(0,0,0,.5);opacity:0;color:#fff;z-index:2;animation-name:fadeInHold;animation-delay:.05s;animation-duration:10s;animation-iteration-count:1;animation-fill-mode:forwards;transition:opacity 2s ease-out}.intro-explanation.fade-out{opacity:0}.intro-explanation span#blue-text{color:#40d9ff;opacity:100%!important;font-weight:900}.audio-explanation{position:absolute;bottom:5%;width:70%;margin-left:15%;margin-right:15%;font-size:1.5em;font-style:italic;line-height:1.2em;text-align:center;text-shadow:.5px .5px rgba(0,0,0,.5);opacity:0;color:#d3d3d3;z-index:2;animation-name:fadeInOut;animation-delay:13s;animation-duration:12s}#footer-logo{position:fixed;bottom:2rem;left:2rem;width:6rem;height:auto;opacity:.7;z-index:2}#viz-canvas{position:fixed;top:0;width:100%;height:100vh;z-index:1;filter:blur(1.5px)}#open-about{position:fixed;bottom:2rem;right:2rem;font-size:2em;cursor:pointer;z-index:2}#open-about-bg:hover{fill:#16bccc;transition-timing-function:ease-out;transition:.4s}#about-overlay{position:fixed;bottom:0;right:0;height:0%;width:100%;background-color:#135183;background-color:rgba(19,81,131,.9);overflow-y:hidden;transition:.5s;z-index:20}.overlay-content{position:relative;top:5%;width:60%;margin-left:20%;margin-right:20%;font-size:1.2em;line-height:1.2em;text-align:center;color:#fff}#about-overlay h1{margin-bottom:40px;font-family:Questrial,sans-serif;font-size:3em;color:#24b4a4}#about-overlay a{display:block;padding:8px;font-size:1.3em;text-decoration:none;color:#24b4a4;transition:.3s}a#inner-overlay-link{display:inline;font-size:1.2em}#about-overlay a:hover,#about-overlay a:focus{color:#f1f1f1}#about-overlay .closebtn{position:absolute;top:20px;right:45px;font-size:60px}#about-footer{font-size:1em;font-weight:200;color:#d3d3d3}.connect-list{display:flex;justify-content:center;align-content:center;width:250px;margin:0 auto}.connect-list a{margin-top:-10px;margin-bottom:10px}i{margin-left:10px;margin-right:10px;font-style:normal;font-size:1.5em}@keyframes fadein{0%{opacity:0}to{opacity:.9}}@keyframes fadeInOut{0%{animation-timing-function:ease;opacity:0}50%{animation-timing-function:ease-in;opacity:1}to{animation-timing-function:ease-out;opacity:0}}@keyframes fadeInHold{0%{animation-timing-function:ease;opacity:0}20%{animation-timing-function:ease-in;opacity:1}to{opacity:1}}@media only screen and (max-width: 710px){*{transition:.4s}body h1{margin-left:0;text-align:center}#dropdown-container{width:95%;max-width:500px}#station_id{width:100%;max-width:100%;height:2.2em;margin:0 0 5px;box-sizing:border-box;font-size:1.3em;opacity:.8}.organ-buttons{width:100%;display:flex;justify-content:center;align-items:center;margin:0 auto;padding:0 20px;box-sizing:border-box}#select-button,#stop-button{width:10rem;margin:1rem auto}.intro-explanation{width:90%;margin-left:5%;margin-right:5%;font-size:1.6em}#footer-logo{opacity:0!important}}@media screen and (max-width: 450px){*{transition:.4s}body h1{margin-top:.5em;margin-left:0;font-size:2.5em;text-align:center}#dropdown-container{width:95%;margin:0 auto;padding:0 20px;box-sizing:border-box}#station_id{width:100%;max-width:100%;font-size:1.1em;padding:8px 15px;box-sizing:border-box}.organ-buttons{width:100%;display:flex;justify-content:center;align-items:center;margin:0 auto;padding:0 30px;box-sizing:border-box}#select-button,#stop-button{width:11rem;font-size:1.3em;margin:1rem auto;padding:.91rem 20px!important;box-sizing:border-box;text-align:center;display:flex;align-items:center;justify-content:center}.intro-explanation{font-size:1.3em}.audio-explanation{font-size:1.2em}#about-overlay{overflow-y:auto}#about-overlay a{font-size:20px}#about-overlay .closebtn{font-size:40px;top:15px;right:35px}}