@font-face {
    font-family: "StudyCase";
    src: url("/fonts/StudyCase.otf") format("opentype");
}
    body {
      font-family:"StudyCase", "Verdana";
      font-size: larger;
      color:black;
      background-color:lightblue;
      background-image:url(/images/paperbg.png);
      background-size:cover;
      background-repeat:no-repeat;
      text-align:center;
    }
    .box {
      background-image:url(/images/paper.png);
      background-size:cover;
      background-repeat:no-repeat;
      background-color:#cef7fd;
      border: solid black 3px;
      margin:1em;
      padding:1em;
    }
    .flexbox {
      display:flex;
    }
    hr {
      padding:0;
      margin:0;
    }
    .doc {
      max-width:70%;
      border-radius:1em;
    }
    a:hover {
      transform: scale(1.1);
    }
    .rainbasicinfo {
      display:flex;
      justify-content:space-between;
      border-bottom: dashed black 3px;
    }
    .dashedbottom {
      border-bottom: dashed black 3px;
    }
    .borderedbottom {
      border-bottom: solid black 3px;
    }
    li {
      border-bottom: dashed black 3px;
      margin-bottom:0.5em;
    }
    .chardevimg {
      max-width:100%;
      border: solid black 3px;
      margin:1em;
      align-self:flex-start;
    }
    .chardevimg > img {
      border-bottom:solid black 3px;
    }