:root {
  --black: rgb(31, 30, 30);
  --gray: rgb(86, 76, 76);
  --lgray: rgb(146, 141, 141);
}

.content {
  display: block;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 5px;

  h4 {
    margin: 0;
    margin-bottom: 20px;
    font-size: 2rem;
  }
}

.box {
  border: solid 2px var(--gray);
  padding: 20px;
  margin-bottom: 20px;

  table {
    border-top: 1px solid var(--lgray);
    border-right: 1px solid var(--lgray);
    background: rgba(255, 255, 255, 0.512);

    th,
    td {
      border-bottom: 1px solid var(--lgray);
      border-left: 1px solid var(--lgray);
      padding:5px 20px;
    }
  }
}

.d5 {
  background: rgb(237, 251, 253);
}

.d4 {
  background: rgb(221, 235, 221);
}

.mac {
  background: rgb(236, 226, 208);
}

.smart {
  background: rgb(249, 221, 226);
}