@-webkit-keyframes reveal{0%{opacity:0;transform:translateY(1em)}to{opacity:1;transform:translateY(0)}}@keyframes reveal{0%{opacity:0;transform:translateY(1em)}to{opacity:1;transform:translateY(0)}}h1.Masthead{color:#ddd;text-shadow:0 3px 2px rgba(0,0,0,.25);z-index:1000;margin:0;pointer-events:none;-webkit-animation:reveal .5s ease-out .3s;animation:reveal .5s ease-out .3s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;font-size:2.5rem;letter-spacing:.4em}@media (orientation:landscape){h1.Masthead{display:flex;width:100%;height:35%;align-items:flex-end;justify-content:center;padding-bottom:calc(var(--v-spacing))}}@media (orientation:portrait){h1.Masthead{display:flex;width:100%;height:20%;align-items:flex-end;justify-content:center;padding-bottom:calc(var(--v-spacing)*2)}}@media (orientation:portrait) and (max-width:768px){h1.Masthead{font-size:1.75rem}}@-webkit-keyframes walk{0%{transform:translateY(0)}to{transform:translateY(.5%)}}@keyframes walk{0%{transform:translateY(0)}to{transform:translateY(.5%)}}.Me{pointer-events:none}@media (orientation:landscape){.Me{display:flex;width:50%;height:65%;align-items:flex-end;justify-content:flex-end;padding-top:calc(var(--v-spacing));padding-right:calc(var(--h-spacing));padding-left:calc(var(--h-spacing)*2)}.Me img{height:65svh;width:auto}}@media (orientation:portrait){.Me{order:3;display:flex;width:100%;height:40%;align-items:flex-end;justify-content:center}.Me img{height:40svh;width:auto}}.Me .container{position:relative;display:grid;align-items:end;justify-items:center}.Me .container img{grid-area:1/1;visibility:hidden;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}.Me .container img.visible{visibility:visible}.Me.isWalking{-webkit-animation:walk .33333s ease-in-out infinite alternate;animation:walk .33333s ease-in-out infinite alternate}.Me .container.loading{opacity:0}.Me .container.loaded{opacity:1;transition:opacity .2s linear}@-webkit-keyframes arrive{0%{opacity:0;transform:translateY(1em)}to{opacity:1;transform:translateY(0)}}@keyframes arrive{0%{opacity:0;transform:translateY(1em)}to{opacity:1;transform:translateY(0)}}@media (orientation:landscape){.Player{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:50%;height:65%;padding-top:calc(var(--v-spacing));padding-left:calc(var(--h-spacing));padding-right:calc(var(--h-spacing)*2);grid-gap:calc(var(--v-spacing)*0.5);gap:calc(var(--v-spacing)*0.5)}}@media (orientation:portrait){.Player{order:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:40%;grid-gap:calc(var(--v-spacing)*0.5);gap:calc(var(--v-spacing)*0.5)}}.Player .track{position:relative}.Player .tracks{display:flex;flex-direction:column;align-items:stretch;justify-content:center;width:100%;max-width:24em}.Player button{font-size:1.25rem;line-height:1.5rem;background:transparent;text-shadow:0 2px 3px rgba(0,0,0,.33);border:none;text-align:left;transition:color .2s;cursor:pointer;color:#eee;padding:.3em 0;letter-spacing:.9em;letter-spacing:.3em;-webkit-animation:arrive .5s ease-out;animation:arrive .5s ease-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;display:flex;justify-content:space-between}.Player button .title{flex-shrink:0}.Player button .delimiter{display:inline-block;margin-right:1em;margin-left:.5em;min-width:.5em;overflow:hidden;flex-grow:1;flex-shrink:1}.Player button .duration{flex-shrink:0}.Player button:first-child{-webkit-animation-delay:675ms;animation-delay:675ms}.Player button:nth-child(2){-webkit-animation-delay:.75s;animation-delay:.75s}.Player button:nth-child(3){-webkit-animation-delay:825ms;animation-delay:825ms}.Player button:nth-child(4){-webkit-animation-delay:.9s;animation-delay:.9s}.Player button:nth-child(5){-webkit-animation-delay:975ms;animation-delay:975ms}.Player button:nth-child(6){-webkit-animation-delay:1.05s;animation-delay:1.05s}.Player button:nth-child(7){-webkit-animation-delay:1125ms;animation-delay:1125ms}.Player button:nth-child(8){-webkit-animation-delay:1.2s;animation-delay:1.2s}.Player button:nth-child(9){-webkit-animation-delay:1275ms;animation-delay:1275ms}.Player button:nth-child(10){-webkit-animation-delay:1.35s;animation-delay:1.35s}.Player button:nth-child(11){-webkit-animation-delay:1425ms;animation-delay:1425ms}.Player button:nth-child(12){-webkit-animation-delay:1.5s;animation-delay:1.5s}.Player button:nth-child(13){-webkit-animation-delay:1575ms;animation-delay:1575ms}.Player button:nth-child(14){-webkit-animation-delay:1.65s;animation-delay:1.65s}.Player button:nth-child(15){-webkit-animation-delay:1725ms;animation-delay:1725ms}.Player button:nth-child(16){-webkit-animation-delay:1.8s;animation-delay:1.8s}.Player button:nth-child(17){-webkit-animation-delay:1875ms;animation-delay:1875ms}.Player button:nth-child(18){-webkit-animation-delay:1.95s;animation-delay:1.95s}.Player button:nth-child(19){-webkit-animation-delay:2025ms;animation-delay:2025ms}.Player button:nth-child(20){-webkit-animation-delay:2.1s;animation-delay:2.1s}.Player button,.Player button:active,.Player button:focus,.Player button:hover,.Player button:link,.Player button:visited{outline:none}@media (orientation:landscape){.Player button:hover{color:#ffd200}}.Player button.playing,.Player button.playing:hover{color:#00e2a4;transition:color .8s}.Player button.loading,.Player button.loading:hover{color:orange;transition:color .8s}.Player button.stop{margin-top:3rem;margin-left:.5rem;font-size:1.5rem}.Player button.stop.isPlaying-true{opacity:1}.Player button.stop.isPlaying-false{opacity:0}.Player audio{display:none;margin-top:3rem;width:100%}.Player .copy{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:sans-serif;font-size:.8rem;width:100%;max-width:24rem;text-align:center;-webkit-animation:arrive .5s ease-out;animation:arrive .5s ease-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-delay:1.5s;animation-delay:1.5s}@media screen and (max-width:39.99875em){.Player .copy{font-size:.9rem}}.Player .copy,.Player .copy a{color:#888}.ProgressBar{display:flex;align-items:flex-start;justify-content:flex-start;background:rgba(0,0,0,.33);position:absolute;bottom:0;left:0;right:0;pointer-events:none;z-index:9999999}.ProgressBar hr{border:1.5px solid #00e2a4;margin:0;transition:width 256ms linear}body{background:#000}.Scenery{position:relative;overflow:hidden}.Scenery,.Scenery .noise{width:100svw;height:100svh}.Scenery .noise{position:absolute;pointer-events:none;background:url(/noise.gif);z-index:25;mix-blend-mode:overlay;opacity:.125}.Scenery .background{width:100svw;height:100svh;overflow:hidden;z-index:10}.Scenery .background img{display:block;position:absolute;width:100vw;width:100svw;height:100vh;height:100svh;top:0;left:0;pointer-events:none;object-fit:cover}.Scenery .background img.hidden{display:none;opacity:0}.Scenery .background img.next{opacity:0;z-index:3}.Scenery .background img.current{opacity:1;transform:scale(1);transition:opacity .2s linear 0ms,transform .3s ease-out 0ms;z-index:2}.Scenery .background img.previous{opacity:0;transition:opacity 1ms linear .2s;z-index:1}.Scenery.isWalking .background img.current{transition:opacity .2s linear 0ms,transform 15s linear 0ms}.Scenery.isWalking .background img.next{transform:scale(1.2)}.Scenery .foreground{position:absolute;width:100svw;height:100svh;overflow:hidden;z-index:20;display:flex;flex-wrap:wrap}:root{--h-spacing:4svw;--v-spacing:4svw}@media (max-width:1200px){:root{--h-spacing:2vw}}body,html{font-size:17px}@media (max-width:1200px){body,html{font-size:15px}}@media (max-width:860px){body,html{font-size:13px}}#root{display:flex}.App{width:100%;height:100%;overflow:hidden;text-align:center}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}button,h1{font-family:"Cousine",monospace;font-weight:700}body,html{width:100%;height:100%}body{display:flex}#root{width:100%;height:100%}*{box-sizing:border-box}
/*# sourceMappingURL=main.d4b83266.chunk.css.map */