:root {
  /* https://coolors.co/dc7f9b-d73337-4c1a57-3a7ca5-519872-f4d35e-eef0f2 */
  --black: #181d27;
  --blue: #3a7ca5;
  --green: #519872;
  --pink: #dc7f9b;
  --purple: #4c1a57;
  --red: #d73337;
  --white: #eef0f2;
  --yellow: #f4d35e;
  --hover-brightness: 0.9;

  --primary-color: var(--green);
}
*,
::after,
::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
body,
html {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: Lato, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
@media (prefers-color-scheme: dark) {
  body,
  html {
    color: #fff;
    background: #222;
  }
}
img {
  clear: both;
  display: block;
  height: auto;
  margin: 0 auto;
}
#icon {
  width: 5rem;
  margin-bottom: 1rem;
}
#text {
  margin: 0 auto 1.5em auto;
  width: 19.375rem;
}
h1 {
  display: none;
}
p {
  margin: 0 0 1rem 0;
}
a {
  color: var(--primary-color);
  text-decoration: underline;
}
a:hover {
  filter: brightness(var(--hover-brightness));
}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2rem;
  font-size: 0.8rem;
  padding-top: 0.6rem;
}