body{
    background-color: black;
    color: whitesmoke;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
}
.container{
    display: grid;
    grid-template-areas:"a"
                        "b"
                        "c";
    gap: 20px;
}

h1 {
      font-size: 3em;
      margin-top: 40px;
      text-align: center;
      margin-bottom: 5px;
}
h3 {
    margin-top: 0px;
    margin-bottom: 85px;
}
.item1{
    grid-area: a;
}
.item2{
    grid-area: b;
}


canvas {
    display: block;
    margin: 20px auto; /* Zentriert den Canvas horizontal */
  }

#start-btn{
    font-size: 2em;
    padding: 1em 2em;
    background-color: red;
    color: black;
    border: solid 2px #AB0800;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 15px;
    padding: 32px 64px;
}