.centered {
  display: flex;
  justify-content: center;
  align-items: center;
}

.rounded {
  border-radius: 30px;
}

.box {
  max-width: 350px;
  display: flex;
  justify-self: center;
  align-self: center;
}

.credits {
  text-align: right;
  font-style: italic;
  padding-right: 20px;
  padding-bottom: 10px;
}

.blueish-gradient {
  background-color: #8ec5fc;
  background-image: linear-gradient(62deg, #8ec5fc 0%, #e0c3fc 100%);
  background-size: 400% 400%;
  animation: gradient 10s ease infinite;
}

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