The end!

index.html

<!-- Nothing to see here -->

script.js

// Nothing to see here either!

style.css

@import url('https://fonts.googleapis.com/css2?family=Parisienne&display=swap');

html {
  --bg: #181818;
  --color: #282828;
  --medium: #222;
  --light: #444;
  --dark: #111;
  background: var(--bg);
}

body {
  position: absolute;
  display: block;
  width: 90vmin;
  height: 90vmin;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: var(--medium);
  box-shadow:
    0 0 6vmin var(--light),
    0 0 6vmin 10vmin var(--medium),
    inset 0 0 4vmin 4vmin var(--dark),
    inset 0 0 6vmin 10vmin var(--color),
    inset 0 0 0 12vmin var(--light),
    inset 0 0 4vmin 16vmin var(--dark),
    inset 0 0 6vmin 22vmin var(--color),
    inset 0 0 0 24vmin var(--light),
    inset 0 0 4vmin 28vmin var(--dark),
    inset 0 0 6vmin 32vmin var(--color),
    inset 0 0 0 36vmin var(--light),
    inset 0 0 4vmin 38vmin var(--dark);
}

body::after {
  content: "The End";
  font-family: Parisienne, serif;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #eee;
  font-size: 13vmin;
  text-shadow: 2vmin 1vmin black;
  transform: translate(-50%, -50%) rotate(-10deg)
}

the-end.markdown

The end!

Nodivember "the end" credits

A Pen by Alvaro Montoro on CodePen.

License.