p {
  font-family: "Century Gothic";
  font-style: "italic";
  font-size: 5vw;
  font-size-adjust: inherit;
  opacity: 0.1;
  position: relative;
  top: -4vw;
  transition: top 0.5s;
}
.fundo {
  width: 100%;
  max-height: 70%;
  background-color: rgb(233, 233, 233);
}
.texto {
  width: 90%;
  background-color: rgb(255, 255, 255);
  opacity: 1;
  padding: 1vw;
  position: static;
  max-height: 70%;
}
c {
  font-family: "Century Gothic";
  font-style: "italic";
  font-size: 25vw;
  position: relative;
  top: -33vw;
  right: 2vw;
  opacity: 0.5;
  transition: top 0.5s;
  transition-property: unset;
  transition-delay: 0.01s;
}
a {
  font-family: "Century Gothic";
  font-style: "italic";
  font-size: 25vw;
  position: relative;
  top: -5vw;
  left: 32vw;
  opacity: 0.5;
  transition: top 0.5s;
  transition-property: unset;
  transition-delay: 0.01s;
}
.rotate {
  transform: rotate(180deg);
}
div:hover .rotate {
  rotate: z 180deg;
}
d {
  font-family: "Century Gothic";
  font-style: "italic";
  font-size: 200%;
  font-size-adjust: inherit;
  opacity: 0.05;
  position: relative;
}
e {
  font-family: "Century Gothic";
  font-style: "italic";
  font-size: 5vw;
  font-size-adjust: inherit;
  opacity: 0.1;
  position: relative;
  top: -29vw;
  left: 1vw;
  text-align: justify;
  transition: top 0.2s;
}
f {
  font-family: "Century Gothic";
  font-style: "italic";
  font-size: 5vw;
  font-size-adjust: inherit;
  opacity: 0.1;
  position: relative;
  top: -7vw;
  left: -5.4vw;
  align-self: auto;
  transition: top 0.3s;
}