/* Gezien de tijd (werk, kinderen, vakantie) iets minder aandacht aan de CSS kunnen besteden. 
Daarom werkt de flexbox niet echt vloeiend.
Ik werk graag met hex voor kleuren, geeft precies wat je zoekt.
Voor nu gewerkt met rem, zodat de elementen aanpassen. Meer passend bij flexbox. 
Verder wat gewerkt aan het niet hoeven scrollen door de pagina.*/

body {
    background-color: #000; 
    color: #fff;
    margin: 0;
}

#containerGame {
    display: flex;
    justify-content: space-around;
}

#explain {
    margin-top: 3rem;
    margin-left: 2rem;
}

h1 {
position: relative;
}

#mainGame {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  canvas {
      border: 3px solid #fff;
  }

#scoreContainer {
    margin-top: 3rem;
}

#score {
position: relative;
}

img {
margin-top: 0px;
margin-right: 0px;
    margin-left: 20rem;
    max-height: 100vh;
    width: 29rem;
}