*{box-sizing:border-box}body{color:#1a1a1a;background-color:#f4ecd8;justify-content:center;min-height:100vh;margin:0;padding:2rem;font-family:Caveat,cursive;display:flex}#container{background-color:#fdfbf7;border:4px solid #1a1a1a;border-radius:2px 25px 5px 20px;width:100%;max-width:800px;padding:2.5rem;position:relative;transform:rotate(.5deg);box-shadow:12px 12px #000000e6}header{text-align:center}header h1{margin:0 0 .5rem;font-size:3.5rem;line-height:1;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}header p{color:#444;margin:0 0 2rem;font-size:1.6rem;display:inline-block;transform:rotate(-2deg)}#price-display{border:2px dashed #333;margin-bottom:2rem;padding:10px;font-size:2rem;display:inline-block;transform:rotate(-1deg)}#current-price{color:#b30000;font-family:VT323,monospace;font-size:2.5rem;font-weight:700}#chart-container{border-bottom:4px solid #1a1a1a;border-left:4px solid #1a1a1a;width:100%;height:400px;position:relative;overflow:visible}svg{width:100%;height:100%;overflow:visible}.graph-line{fill:none;stroke:#1a1a1a;stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}.graph-point{fill:#1a1a1a;cursor:crosshair;transition:r .2s}.graph-point:hover{fill:#b30000}.axis-text{fill:#333;font-family:Caveat,cursive;font-size:1.2rem}#tooltip{color:#f4ecd8;pointer-events:none;opacity:0;z-index:10;background:#1a1a1a;border-radius:2px 15px 4px 12px;padding:10px 15px;font-family:Caveat,cursive;font-size:1.4rem;transition:opacity .2s;position:absolute;box-shadow:4px 4px #00000080}