body {
    margin: 0;
    background-color: #111;
    display: flex;
    justify-content: center;
    /* 上下中央ではなく「上詰め」で配置する */
    align-items: flex-start; 
    height: 100vh;
    color: white;
    font-family: 'Courier New', Courier, monospace;
    overflow: hidden; 
}

canvas {
    border: 4px solid #333;
    background-color: #000;
    max-width: 100%;
    max-height: calc(100vh - 30px);
    box-sizing: border-box;
    /* 上に30pxのわざとらしいマージン（余白）を作って固定する */
    margin-top: 30px; 
}