#seccion1{
  position: relative;
background-color: rgb(0, 0, 0);
               /* activa Flexbox */
  flex-direction: column;      /* si quieres que h1 e imagen estén uno debajo del otro */
  justify-content: center;     /* centra verticalmente */
  align-items: center;         /* centra horizontalmente */
  height: 80vh;   
  
}
body{
background-color: rgb(0, 0, 0);
font-family: Determination Mono Web;
color: blueviolet;
text-shadow:0 5px 10px rgba(183, 159, 159, 0.6);

}
#seccion2{
background-color: rgb(255, 255, 255);
display: flex;               /* activa Flexbox */
  flex-direction: column;      /* si quieres que h1 e imagen estén uno debajo del otro */
  justify-content: center;     /* centra verticalmente */
  align-items: center;         /* centra horizontalmente */
  height: 80vh;  
    position: relative;

}
#yiyi2{
left: 40%;
top: 20px;
position: fixed;
}
#seccion3{
background-color: rgb(0, 0, 0);
display: flex;               /* activa Flexbox */
  flex-direction: column;      /* si quieres que h1 e imagen estén uno debajo del otro */
  justify-content: center;     /* centra verticalmente */
  align-items: center;         /* centra horizontalmente */
  height: 80vh;  
z-index: 1;
  position: relative;
}
#yiyi3{
left: 60%;
top: 20px;

}
#seccion4{
background-color: rgb(244, 242, 242);
z-index: 2;
display: flex;               /* activa Flexbox */
  flex-direction: column;      /* si quieres que h1 e imagen estén uno debajo del otro */
  justify-content: center;     /* centra verticalmente */
  align-items: center;         /* centra horizontalmente */
  height: 80vh; 
    position: relative; 
}
#yiyi4{
left: 80%;
top: 20px;
position: absolute;
}
#yiyi1{
left: 20%;
top: 20px;
position: absolute;
}
.secciones{
z-index: 2;
color: rgb(230, 232, 234);
position: relative;


  cursor: url("angel.png") 0 0, auto

}
#hongo{
z-index: 2;
position: relative;
bottom: 100px;
right: 100px;
}
#toad{
    position: absolute;
left: 300px;
top: 35%;
}
#manita{
  position: absolute;
width: 200px;
right: 300px;
top: 35%;
}
#flip{
  position: absolute;
width: 200px;
right: 6%;
top: 30%;
}
#info{
position: fixed;
right: 100px;
top: 12px;
}
#verde{
position: absolute;
left: 600px;
bottom: 0%;
}
#verde2{
position: absolute;
left: 675px;
bottom: 0%;
}
#disco{
position: absolute;
width: 200px;
left: 80px;
top: 280px;
}
#separador{
  position: absolute;
left: -16%;
width: 1800px;
}
#form{
position: absolute;
left: 50px;
}
#home{
position: absolute;
top: 2200px;
left: 0%;
}
#play{
position: fixed;
right: 45px;
top: 6px;
}