html {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(60deg, #29323c 0%, #485563 100%);
  font-family: sans-serif;
}

.wrapper {
  display: block;
  margin: 0 auto;
  width: 40%;
  padding-top: 4.2360680659em;
}

.date-content {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.date-content > * {
  flex: 1 1 auto;
}

h1,
h2,
p {
  color: #dfe9f3;
}

p {
  font-size: 1em;
}

h2 {
  font-size: 1em;
  padding: 1em 0;
  max-width: 50%;
  line-height: 1.5;
}

.filled span {
  color: #50cc7f;
  font-size: 4.2360680659em;
  font-weight: 700;
}

.date-picker-wrapper {
  display: flex;
}
.date-picker-wrapper div {
  display: flex;
  flex: 1 auto;
}
.date-picker-wrapper p {
  margin-right: 1.618034em;
}
.date-picker-wrapper input {
  text-align: center;
}