body {
    margin: 0;
    width: 100%;
    min-height: 100vh;
    background-color: white;
    background-image: url("fundo.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#folha1 {
  position: absolute;
  top:33vh;
  left: 25%;
  transform: translateX(-50%);
  width:40%;
  height:27%;
  text-align: left;
  overflow-wrap: break-word;
  word-warp: break-word;
  overflow: auto;
}
#folha2{
  position: absolute;
  top:33vh;
  left: 75%;
  transform: translateX(-50%);
  width:40%;
  height:27%;
  text-align: left;
  overflow-wrap: break-word;
  word-warp: break-word;
  overflow: auto;
}
#titulo{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.frente {
  position: absolute;
  background-color: lightgoldenrodyellow;
  top: 80%;
  left: 90%; 
  width:8%;
  height:4%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.atras {
  position: absolute;
  background-color: lightgoldenrodyellow;
  top: 80%;
  left: 10%;
  width:8%;
  height: 4%;
  transform: translate(-50%, -50%);
  text-align: center;
}