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