body {
  background-color: #82c8e5;
  font-family: Tahoma, Verdana, sans-serif;
  text-align: center;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: none;
}
.title {
  display: grid;
  grid-template-columns: 100%;
  padding: 5px;
  box-shadow: 5px 5px;
  border-radius: 20px;
  max-width: 1000px;
  min-width: 680px;
  background: linear-gradient(135deg, #fbb5af 0%, #f88379 100%);
  animation: rotateY 2s ease 0.5s;
}
.title h1 {
  font-size: 400%;
  margin: 10px;
}
.container {
  display: grid;
  padding: 5px;
  box-shadow: 5px 5px;
  border-radius: 20px;
  max-width: 1000px;
  min-width: 680px;
  margin: auto;
  margin-top: 20px;
  background: linear-gradient(135deg, #fbb5af 0%, #f88379 100%);
}
@keyframes rotateY {
  50% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}