body {
  background:
    radial-gradient(circle at 18% 8%, rgba(125, 210, 233, 0.13), transparent 26rem),
    radial-gradient(circle at 84% 12%, rgba(255, 184, 112, 0.1), transparent 24rem),
    #0f172a;
  color: #e1e4e8;
}

header,
footer {
  background: rgba(15, 23, 42, 0.88);
  border-color: rgba(187, 197, 203, 0.14);
}

header {
  backdrop-filter: blur(18px);
}

header h1,
article h2,
section h3 {
  color: #e1e4e8;
}

article {
  background: rgba(19, 32, 51, 0.72);
  border: 1px solid rgba(187, 197, 203, 0.14);
  border-radius: 8px;
  padding: 2rem;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24);
}

.updated,
footer,
section p,
section ul {
  color: #bbc5cb;
}

a,
footer a {
  color: #7dd2e9;
}

footer a:hover {
  color: #ffb870;
}

@media (max-width: 760px) {
  article {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding: 1.5rem;
  }
}