body {
  background-color: red;
}
table {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; 
  gap: 20px
}
.wrapper-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: flex-start;
  gap: 40px;
}
.wrapper-3 {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  gap: 10px
}
.side {
  border-radius: 25px;
  font-family: 'Comic Sans MS', 'Chalkboard SE', 'Comic Neue';
  text-align: center;
  background: white;
  font-size: 1em;
  padding: 20px;
}
.main {
  border-radius: 25px;
  padding: 10px;
  color: #7c064c;
  font-family: 'Comic Sans MS', 'Chalkboard SE', 'Comic Neue';
  background: #F9CCF3;
  font-size: 1em;
}
.bottom {
  padding: 2px; 
  background: #C464A6;
  border-style: solid;
  border-width: 2px;
  border-color: white;
  text-align: center;
  font-family: 'Comic Sans MS', 'Chalkboard SE', 'Comic Neue';
  font-size: 1em;
  width: 60%;
}