html, body {
	position: relative;
	width: 100%;
	height: 100%;
}

body {
	color: #ffffff;
	margin: 0;
	box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

input, button {
	font-family: inherit;
	box-sizing: border-box;
}

.countdown {
	display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    margin: 20px 0;
	width: 100%;
	height: 160px;
}

@keyframes backgroundChange {
    0% {
      background-color: #dd7d3f;
    }
    20% {
      background-color: #e7ba59;
    }
    40% {
      background-color: #3bce73;
    }
    60% {
      background-color: #3bb8ce;
    }
    80% {
      background-color: #d64676;
    }
    100% {
      background-color: #dd7d3f;
    }
  }