body {
      background-color: rgb(241, 231, 173);
      color: rgb(59, 56, 50);
      font: arial, helvetica, sans-serif;
      font-size: 16px;
      text-align: center;
}

H1 {
      color: chocolate;
      font-size: 26px;
}

.center {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 20px;
      margin-right: 20px
}

#box1 {
      margin-left: 20px;
      margin-right: 20px ;
      border: 2px solid rgb(0, 0, 0);
      padding: 8px 12px;
      margin-bottom: 10px;
      border-radius: 4px;
      background-color: rgb(103, 138, 126);
      box-shadow: 10px 10px 5px;
      width: 33.33%;
      height: 350px;
}

#box2 {
      margin-left: 20px;
      margin-right: 20px;
      border: 2px solid rgb(0, 0, 0);
      padding: 8px 12px;
      margin-bottom: 10px;
      border-radius: 4px;
      background-color: rgb(67, 97, 87);
      box-shadow: 10px 10px 5px;
      width: 33.33%;
      height: 350px;
}

#box3 {
      margin-left: 20px;
      margin-right: 20px;
      border: 2px solid rgb(0, 0, 0);
      padding: 8px 12px;
      margin-bottom: 10px;
      border-radius: 4px;
      background-color: rgb(147, 196, 179);
      box-shadow: 10px 10px 5px;
      width: 300px;
      height: 200px;
}

#Folklore {
      align-items: center;
      display: inline-block;
      border: 1px solid rgb(126, 126, 126);
      padding: 8px 12px;
      margin-bottom: 10px;
      border-radius: 4px;
      background-color: rgb(241, 231, 173);
      box-shadow: 10px 10px 5px;
      width: 500px;
      height: 360px;
}