* {
  margin: 0;
  box-sizing: border-box;
}

body {
  min-height: 100vh;
  background: #e8f1ff;
  font-family: 'Verdana', sans-serif;
  color: #2b4a7a;
  text-align: center;
}

main {
  min-height: 100vh;
  display: grid;
  place-content: center;
  gap: 18px;
  padding: 20px;
}

/* The line under the heading */
.sub {
  opacity: 0.8;
}

/* The two white counter cards */
.box {
  background: #fff;
  border-radius: 16px;
  padding: 18px 30px;
  box-shadow: 0 6px 18px #2b4a7a22;
}

/* The big number inside each card */
.box span {
  display: block;
  font-size: 3rem;
  font-weight: bold;
  color: #4a7bd0;
}

small {
  font-size: 0.8rem;
  opacity: 0.75;
}

/* The sweet message at the bottom */
#msg {
  max-width: 300px;
  margin: auto;
}