@font-face{font-family:Akkurat-Mono;src:url(/ds3-river/fonts/Akkurat-Mono.otf) format("opentype"),url(/ds3-river/fonts/Akkurat-Mono.woff) format("woff");font-weight:900;font-style:normal}@font-face{font-family:NewHeterodoxMono-Book;src:url(/ds3-river/fonts/NewHeterodoxMono-Book.otf) format("opentype"),url(/ds3-river/fonts/NewHeterodoxMono-Book.woff) format("woff");font-weight:900;font-style:normal}@font-face{font-family:PPEditorialNew-Variable;src:url(/fonts/PPEditorialNew-Variable.otf) format("opentype")}body{background-color:#000;margin:0;height:100%;overflow:hidden}.container{height:100vh}.river-depth{height:10000vh;background-image:linear-gradient(#529BE0,#666810)}.header-container{position:absolute;width:100%;margin:auto;top:5vh}.headline{font-size:2em;margin:auto;width:100%;color:#fff;font-family:NewHeterodoxMono-Book,Courier,monospace;text-align:center}.instruction{width:100%;color:#fff;text-align:center;font-family:Akkurat-Mono,Courier,monospace}#audio-button{font-size:.75em;position:absolute;padding-left:5vh;color:#fff;font-family:Akkurat-Mono,Courier,monospace;cursor:pointer}#depth-container{margin-top:5vh;margin-right:5vh;padding-left:8px;position:absolute;right:0;border-width:0;border-right:10px solid;border-image:linear-gradient(#BDC8C4,#C1BA8C,#898938,#6A866E,#61783C,#313D26) 0 100%}.depth{padding-right:5px;text-align:right;font-size:.75em;color:#fff;font-family:Akkurat-Mono,Courier,monospace;text-align:left;line-height:.4em;opacity:0}#info-container{display:flex;position:absolute;padding-left:5vh;font-size:.75em}.column{display:flex;flex-direction:column}.info{display:flex;color:#fff;font-family:Akkurat-Mono,Courier,monospace}.fill{padding-left:5px}