body {
      background-color: #aec7b6;
    color: #3f4049;
    font-family: 'VT323';
    text-align: center;
    }
    
    .box {
      background-color: #f3eacd;
      margin: auto;
      padding: 3px;
      border-style: solid dashed dashed dashed;
      border-width: 5px 1px 1px 1px;
      border-color: #52a8b2;
      overflow: scroll;
      height: 95%;
    }
    
    @media (min-width:768px) {
      .box {
        width: 100%;
      }
    }
    
    @media (min-width:1024px) {
      .box {
      width: 80%;
      }
    }
    
    h1 {
      font-family: 'Jacquard 24';
      background-color: #52a8b2;
      color: #f3eacd;
    }
    
    h2, h3 {
      font-family: 'Silkscreen';
      background-color: #52a8b2;
      color: #f3eacd;
      text-align: right;
    }
    
    a.button {
    padding: 3px 6px;
    border: 1px;
    border-radius: 10px;
    color: #f3eacd;
    background-color: #52a8b2;
    text-decoration: none;
    }
    
    a {
    color: #52a8b2;
  }
  
  ul {
    list-style-image: url('/bullet1.png');
    text-align: left;
  }
  
  hr {
    height: 5px;
    color: #52a8b2;
    background: #52a8b2;
    font-size: 0;
    border: 0;
    margin: 10px;
    }