@font-face {
      font-family: Compagnon;
      src: url(fonts/Compagnon-Roman.otf);
    }


@font-face {
      font-family: ACPoiret;
      src: url(fonts/AC-Poiret.ttf);
    }

    @font-face {
        font-family: Solide-Mirage;
        src: url(fonts/SolideMirage-Etroit.otf);
    }

    @font-face {
        font-family: Zarathustra;
        src: url(fonts/zarathustra-v01.otf);
    }



body {
  font-family:ACPoiret;
}

#title1, #title2, #title3 {
  font-family: Compagnon;
  font-size: 1.2em;
  text-align: right;
}

#my_field {
  height: 15rem;
  width: 100rem;
  word-wrap: break-word;
  word-break: break-all;
  font-size: 1.2em;
  line-height: 1.6em;
}


#initialpdf, #showmonster, #empty_frame, #button1, #button2, #title1, #title2, #title3 {
  visibility: hidden;
}


#empty_frame {
  height: 68rem;
  width: 40rem;
  word-wrap: break-word;
  word-break: break-all;
  font-size: 1.2em;
  line-height: 1.6em;
}

button {
  padding: 20px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 0.2em 0.2em;
  cursor: pointer;
  font-size: 1em;
  border-radius: 25px;
  font-family: Solide-Mirage;
  font-weight: bold;
  box-shadow: 12px 3px rgba(253, 105, 179,0.4);
  /* box-shadow: 8px 3px rgba(254, 223, 46,0.4); */
  background-color: transparent;
}

td {
vertical-align:top;

}

textarea {
  font-family: Zarathustra;
  border-radius: 25px;
  background: linear-gradient(to right,rgba(128, 128, 128,0.2), white);
}

iframe {
  border-radius: 25px;
}