body
{
  background-color: white;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
}

#door
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 60vh;
}

#closed, #opened
{
  height: 100%;
}

#opened
{
  opacity: 0;
  transition: 200ms ease;
}

#opened:hover
{
  opacity: 100;
}

#music
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-48%, -190%);
  height: 200px;
  width: 200px;
  mix-blend-mode: multiply;
}