*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
 }
 .container{
  background-color: #FFD384;
  height: 100vh;
  width: 100%;
  padding-top: 50px;
  font-size: 30px;
  font-family: Poppins;
  color: white;
  display: inline-block;
  text-align: center;
 }
 
 h1{
  animation-name: math;
  animation-timing-function: 3s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
 }

 @keyframes math {
  25%{
    color: #FF884B
  }
  50%{
    color: #7FB5FF;
  }
}

button{
  text-align: center;
  border-style: solid;
  border-width: 5px;
  border-color: white;
  margin-top: 140px;
  padding: 25px 100px;
  font-size: 30px;
  letter-spacing: 5px;
  font-family: Poppins;
  background-color:#FFD384;
  cursor: pointer;
  color: white;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
  transition: 0.15s;


}

a{
  text-decoration: none;
}
 button:hover{
  background-color:#7FB5FF;
}
button:active{
 padding: 30px 110px;
}