@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: 98%;
  word-wrap: break-word;
  word-break: break-all;
  font-size: 1.2em;
  line-height: 1.6em;
padding:1em;
}


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

#button3, #button4 {
  color: #22A7A7 !important;
  box-shadow: none !important;
}

#empty_frame {
  height: 50rem;
  width: 95%;
  word-wrap: break-word;
  word-break: break-all;
  font-size: 1em;
  line-height: 1.6em;
padding:1em;
}




button {
  padding: 20px 20px;
  text-align: center;
  color: #8184A4;
  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(0, 64, 128,0.8);
  /* box-shadow: 8px 3px rgba(254, 223, 46,0.4); */
  background-color: transparent;
}


td {
vertical-align:top;
overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    padding-right:1em;
}

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

iframe {
  border-radius: 25px;
  width: 95%;
  padding: 1em;
}

table {
    table-layout:fixed;
    width:100%;
}

/* #empty_frame, #title3 {
width:20rem;
} */