canvas{display:block}body{margin:0}.data{box-sizing:border-box;color:#fff;flex-direction:column;justify-content:space-between;width:100vw;padding:24px;font-family:"Press Start 2P",cursive;font-size:24px;font-weight:600;display:flex;position:absolute}#date{color:#fff;font-family:"Press Start 2P",cursive;font-size:24px;font-weight:600}#rates{margin-bottom:16px}#opposite_rate{color:#fff;font-size:16px}#timeline{z-index:1;opacity:.5;background-color:#f0f8ff;border-top-left-radius:20px;border-top-right-radius:20px;width:100%;height:100px;padding-top:10px;padding-bottom:10px;transition:all .25s ease-in-out;position:absolute;bottom:0}#timeline:hover{opacity:.9}.intro{box-sizing:border-box;z-index:100;text-align:center;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;font-family:"Press Start 2P";transition:all .25s ease-in-out;display:flex;position:absolute;top:0;left:0}.intro .text{max-width:600px;line-height:1.5}.intro.hidden{pointer-events:none;opacity:0}.outro{z-index:100;background-color:#000;background-image:url(/ruble-roller-coaster/robert.jpg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:none;position:absolute;inset:0}.outro.shown{display:block}.intro img{max-width:600px;margin-bottom:32px}.intro button{cursor:pointer;background-color:#f0f0f0;border:none;border-radius:10px;margin-top:20px;padding:10px;font-family:"Press Start 2P";font-size:24px;transition:all .25s ease-in-out}