body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: black;
}

canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none; 
}

#nukkuu-kuva, #letsgo-kuva {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: auto;
  max-width: 90vw; 
  max-height: 90vh; 
  cursor: pointer;
  z-index: 2; 
  display: block; 
}

/* vaihtakaa selaimenne firefoxiin kiitos */
@media screen and (max-aspect-ratio: 16/9) {
  #nukkuu-kuva, #letsgo-kuva {
    width: 100vw;
    height: auto;
  }
}

@media screen and (min-aspect-ratio: 16/9) {
  #nukkuu-kuva, #letsgo-kuva {
    height: 100vh;
    width: auto;
  }
}


#letsgo-kuva {
  display: none;
}