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

* {

  /* neon vibe */
  text-shadow:
    0 0 0.5rem #fff,
    0 0 1.25rem #fff,
    0 0 2rem #fff,
    0 0 4rem #0fa,
    0 0 5rem #0fa,
    0 0 6rem #0fa,
    0 0 8rem #0fa,
    0 0 10rem #0fa;

}

body {

  /* colours */
  background: #111;

  /* layout & spacing */
  height: 100vh;
  padding: 2rem;
  margin: 0;

  /* font */
  font-family: "Caveat", cursive;
  font-size: 14px;
  font-size: 1em;

  /* font */
  font-family: "Caveat", cursive;
  font-style: normal;
  font-optical-sizing: auto;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 3rem;
  text-align: left;
}

#window {
  width: 90vw;
}

h1 {

  /* colours */
  color: white;

  /* layout & spacing */
  padding: 1rem;
  margin: 0;

  /* font */
  font-size: 4rem;
}

p {

  /* colours */
  color: white;

  /* layout & spacing */
  padding: 1rem;
  margin: 0;

}

nav {

  /* colours */
  color: white;

  /* layout & spacing */
  max-height: 90vw;

}

nav ul {
  list-style-type: none;
  padding-left: 1rem;
}

nav ul li a {
  color: white;
  text-decoration: none;
}

li:before {
  content: "›";
  padding-right: 0.1rem;
}

nav ul li a:hover {
  color: white;
  text-decoration: underline;
  text-decoration-thickness: 4px;
}

nav ul li a:focus {
  color: #00ffff;
  text-decoration: underline;
}

.middle-row {
  margin: 0 auto;
  text-align: left;
}