body {
  background-color: #121212;
  color: #fff;
}
/* h1{
    font-family: "Grenze", serif;
    font-weight: bold;
} */
h1 {
  font-family: "Bitcount", system-ui;
}
#miParrafo {
  color: blueviolet;
}
.p {
  color: orange;
}
p {
  color: greenyellow !important;
}

/* Ejemplo position */
.parent{
  background-color: rgb(0, 142, 224);
  width: 400px;
  height: 300px;
  border: 5px solid white;
  border-radius: 15px;
  position: sticky;
  top: 0;
}
.parent h1{
  position: absolute;
  font-size: 4.5rem;
  left: 20%;
  bottom: 20%;
  z-index: 2;
}
.parent img{
  position: absolute;
}
.orange{
  right: 0;
  top: -20%;
  right: -15%;
  z-index: 1;
  width: 250px;
  transform: rotate(32deg);
}
.leaf{
  bottom: 18%;
  left: -3%;
  z-index: 3;
  transform: rotate(-32deg);
}