body {
  background-color: #f3e5d8;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.center {
  display: flex;
  justify-content: center;
}
.cream {
  transform: translateY(40px);
  background-color: #ffffff;
  width: 42%;
  border-radius: 20px;
  padding: 35px;
}
.radius {
  border-radius: 9px;
}
.width {
  width: 650px;
}
@media screen and (max-width: 860px) {
  .width {
    width: 250px;
  }
  .cream {
    width: 105%;
    transform: translateX(0px);
  }
  hr{
    width: 10px;
  }
}
.fonts {
  font-size: 30px;
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
}
.font {
  font-size: 10px;
}
.color {
  background-color: #fff7fc;
  padding: 15px;
  border-radius: 10px;
}
.weight {
  font-weight: bold;
}
.spac {
  font-size: 14px;
  font-weight: bold;
  color: #938b8b;
}
.fonted{
  font-size: 8.5px;
}
.long{
  width: 400px;
}
.colors{
  color: #a86d45;
}