body {
font-family: 'Teko', sans-serif;
font-weight: 300;
background-color: white;
animation-name: backgroundColorPalette;
animation-duration: 10s;
animation-iteration-count: infinite;
animation-direction: alternate;
}

@keyframes backgroundColorPalette {
    0% {
      background: black;
    }
    100% {
      background: red;
    }
  }

header {
display: flex;
font-weight: 600;
justify-content: center;
}

.button {
    display: flex;
    justify-content: center;
}

.please {
    display: flex;
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    
    -moz-animation: my-animation 10s linear infinite;
    -webkit-animation: my-animation 10s linear infinite;
    animation: my-animation 10s linear infinite;
  }
  
  @keyframes my-animation {
    from {
      -moz-transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
    to {
      -moz-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
  }