cool.
<hr>
cool.

:root {
  --foreground: #ffffff;
  --midforeground: #b2b2b2;
  --midground: #888888;
  --background: #080f24;
  --deepbackground: #060b1b;
  --red: #ea3329;
  --orange: #eb6a2c;
  --yellow: #f29c38;
  --lightyellow: #ffd321;
  --green: #75fb4c;
  --cyan: #00f0ff;
  --blue: #0c8cfe;
  --darkblue: #003b6e;
  --purple: #e532ad;
  --deeppurple: #970056;
  --darkpurple: #2b0c5c;
  --lightpurple: #3d147f;
  --brightpurple: #8400ff;
  --pink: #ff034a;
}

hr {
  border: 0;
  height: 0.35rem;
  margin: 3em auto;
  display: block;
  background-image: -webkit-linear-gradient(
    0deg,
    transparent,
    var(--yellow),
    var(--red),
    var(--pink),
    var(--purple),
    var(--blue),
    transparent
  );
  clear: both;
}

body {
  background: #090f23;
  color: white;
}