@font-face {
  font-family: OpenDyslexic;
  src: url(OpenDyslexic3-Regular.ttf);
}

@font-face {
  font-family: SourceCodePro;
  src: url(SourceCodePro-Regular.woff);
}

/* general body formatting. */
  body {
    background-image: url("background.png");
    color: #CCCCCC;
    font-family: SourceCodePro;
    font-weight: normal;
    font-size: medium;
    font-style: normal;
    padding: 2%;
    margin: 0px;
    background-color: #67b9ed;
}


#mainBody {
    display: flex;  
    flex-wrap: wrap;
    width: 70%;
    margin: 0px auto;
    background-color: #d9edfa;
    color: #11143d;
    padding-top: 0px;
    padding-bottom: 0%;
    height: 100%;
    min-width: 600px;
    }


#textdump {
    padding-right: 2%;
    padding-left: 2%;
    font-size: 17px;
    margin-bottom: 20px;
}

#contentBox {
  margin: 5px;
  padding: 5px;
  background-color: #cce0ec;  
  border-radius: 10px;
}

button {
 color: #d9edfa; 
 background-color: #67b9ed;
 border: none;
 font-size: 12px;
 border-radius: 5px;
 padding: 3px;
 font-weight: bold;
 
}

ul {
 list-style: none; 
 margin-top: 5px;
}

li {
  margin-bottom: 8px; 
}

li:before {
  content: "↳";
  margin-right: 5px;
}

h2 {
  margin-bottom: 0px;
}

h3 {
  margin: 0px;
}

a {
  color: #0b364e;
  text-decoration: none;
} 

a:hover {
 color: #5091ba; 
 text-decoration: none;
}