html {
    padding: 0;
    margin: 0;
    font-size: 1em;
    line-height: 1.2;
    /* font-family: Monaco, Menlo, monospace; */
    /* font-family: 'Courier New', Courier, monospace; */
    font-family: monospace;

}

body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

pre,canvas {
    display: block;
    width: 95vw;/* Adjust this value to change the width of the <pre> block */
    height: 95vh; /* Adjust this value to change the height of the <pre> block */
    /* margin: 1em 1ch; Adjust this value to change the margin around the <pre> block */
    margin:5%;
    padding: 0;
    line-height:1;
    box-sizing: border-box;
}

prebad {
    display: block;
    width: 80ch; /* Adjust this value to change the width in characters */
    margin: 0 auto; /* Center the <pre> block horizontally */
    padding: 1em; /* Add some padding around the text */
    box-sizing: border-box;
    font-family: monospace; /* Use a monospace font */
    font-size: calc(0.8 * 100vw / 80); /* Adjust the font size based on viewport width */
    line-height: calc(0.8 * 100vh / 24); /* Adjust the line height based on viewport height */
    white-space: pre-wrap; /* Preserve whitespace and wrap lines */
    /* overflow-wrap: break-word;  */
  }