@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');

body {
  background-color: #f28658;

  width: 100px;
  height: 100px;
  background-color: #f28658;
  animation-name: example;
  animation-duration: 4s;
  animation-iteration-count: 2;
  animation-direction: alternate;

}

@keyframes example {
  from {background-color: #f28658;}
  to {background-color: #eb9796;}
}


.center {
  display: block;

  max-height: 100%;
  max-width: 100%;

 position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

h1 {
  font-family: 'Questrial', sans-serif;
	font-size: 18px;
	color: #fff;
	line-height: 22px;
  letter-spacing: 2px;


	max-height: 40%;
	max-width: 40%;

	text-align: center;

	position: absolute;
    top: 70%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

}

p {
  font-family: 'Questrial', sans-serif;
  font-size: 10px;
  color: #fff;
  opacity: 0.40;

    max-height: 45%;
  max-width: 45%;

  text-align: center;

  position: absolute;
    top: 95%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;