body {
  background: linear-gradient(319deg, #c2eaba 0%, #c5f4e0 37%, #efc2cf 100%);
  background-size: 400% 400%;
  -webkit-animation: gradient 15s ease infinite;
  animation: gradient 15s ease infinite;
  height: 100vh;
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
    "Lucida Sans", Arial, sans-serif;
}

.section {
  max-width: 1024px;
  margin: 0 auto;
}
thead,
h1 {
  font-weight: 700;
}
form {
  padding: 0 30px !important;
}
.alert,
.alert p {
  padding: 2px 5px !important;
  margin: 0;
}

.ui-label {
  font-size: 2em;
}
.ui-numbers {
  font-size: 1.5em;
}
.error {
  padding: 5px 15px;
}

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}