body {
    background-color: #444047;
  }

  h1 {
    color: #5f9aff;
    font-family: "Lucida Console", "Courier New", monospace;
  }

  h2 {
    color: #5f9aff;
    font-family: "Lucida Console", "Courier New", monospace ;
  }

  p {
    color: #5f9aff;
    font-size: 18px;
    font-family: Consolas,monaco,monospace;
  }

  a {
    font-size: 18px;
    color: #f28ab4
  }

  hr {
    color: #efbf04
  }
  ul {
    color: #5f9aff;
    font-family: Consolas,monaco,monospace;
    font-size: 18px;
  }

  ol {
    color: #5f9aff;
    font-size: 18px;
    font-family: Consolas,monaco,monospace;
  }

  li {
    color: #5f9aff;
    font-size: 18px;
    font-family: Consolas,monaco,monospace;
  }

  td {
    color: #5f9aff;
  }

  th {
    font-size: 20px;
    color: #5f9aff;
    font-family: Consolas,monaco,monospace;
  }

.container{
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  height: 355px;
  align-content: flex-start;
  column-gap: 15px;
  row-gap: 15px;
}

.box{
  width: 312px;
  height: 335px;
  font-size: 18px;
  font-family: Consolas,monaco,monospace;
  text-align: center;
  border-radius: 15px;
  border: 2px solid #efbf04;
  background-color: #444047;
  color: #5f9aff;
  overflow: scroll;
  box-sizing: border-box;
  padding: 10px;
}