body, html {
        font-family: Arial, serif;
        font-size: 20px;
        height: 100%;
        width: 100%;
        margin: 0px;
        padding: 0px;
        background-color: black;
        text-align: center;
        color:white;
        top: 1%;
      }

#inside {
  z-index: 1;
  position: absolute;
  background-color: black;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: 1s;
  transform-origin: 0;
}

#outside {
  z-index: 1;
  position: absolute;
  background-color: black;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: 1s;
  transform-origin: 0;
}

#lista{
  list-style-image:url(corazon-infinito.png);
  position: absolute;
  top: 8%;
  left: 50%;
  width: 400px;
  height: 300px;
  margin-top: 0px;
  margin-left: -200px;
  text-align: center;
}
#outside-pic {
  height: 100px;
  width: 100px;
}