body {
  background-size: cover;
  background-attachment: fixed;
  background: no-repeat linear-gradient(to bottom, #ffffff, #cdcdcd);
  background-color: #cdcdcd;
  font: 100% / 1.5 "Lucida Grande", "Lucida Sans", "Atkinson Hyperlegible", Verdana, sans-serif;
}

main {
  header {
    /*Google Fonts just for the sake of ส่งงาน*/
    font: 100% / 1.5 "Playpen Sans Thai", sans-serif;
    margin: auto;
    width: max-content;
    .title {
      display: block;
      margin: 0 auto;
      width: max-content;
    }
    img {
      display: block;
      margin: auto;
      box-shadow: 0px 8px 15px rgb(0 0 0 / 40%);
      transform: rotate(-2.5deg);
    }
  }
  max-width: 64rem;
  padding: 0.25rem 1.5rem;
  padding-bottom: 2rem;
  margin: 0 auto;
  box-sizing: border-box;
  box-shadow: 2px 2px 12px rgb(0 0 0 / 35%);
  background-color: white;
  table {
    /*ช่วยฉันด้วย ฉันไม่เคย style table มาก่อน*/
    width:60%;
    margin: 2rem auto;
    background-color: #eeeeee;
    border-style: solid;
    border-collapse: collapse;
    color: #111111;
  }
  th, td {
    padding: 0.25rem 1rem;
  }
  th {
    background-color: #bbbbbb;
    color: #000000;
  }
  .rbox {
    font-family: monospace;
    font-size: 5rem;
  }
  button {
    font-family: monospace;
    font-size: 2rem;
    border-radius: 0px;
    border-width: 12px;
    padding: 0.50rem 2rem;
  }
}