*{

    background-color: #f5f5f5;
 }

.myCenter{
  position: relative;
  display:block;
  justify-content: center;
  text-align: center;
  width: 200x;
  animation-name: all;
  animation-duration: 2s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}
@keyframes all{
  0%{ color: rgb(204, 217, 22);
  background-color: burlywood;}
  25%{color: rgb(248, 129, 169);
  background-color: greenyellow;}
  50%{color: orchid;
  background-color: burlywood;}
  75%{color: purple;
  background-color: greenyellow;}
  100%{color: rgb(175, 20, 46);
  background-color: orange;}

}
 div{
  
left: 35%;
 }
 .loc{
  position: absolute;
   display: grid;
padding: 20px;
    border: brown 2px solid;
    background-color:beige;
 }
 .colorChange{
  background-color: antiquewhite;
 }
 .change_reset{
background-color: red;
 }
 .change_submit{
   background-color: greenyellow;
 }
 .space{
   display: grid;
   margin-top: 20px;

   
 }