html {
  background-image: url("media/SD182-light.JPG");
  background-color: #027fb1;
  background-size: cover;
  background-attachment: fixed;
  color: #dee8f2;
}

body {
  text-align: center;
  border-radius: 1%;
  max-width: 80em;
  min-width: fit-content;
  margin: auto;
  padding-bottom: 1em;
  background-color: rgba(16, 42, 79, 0.725);
}

.no-line {
  text-decoration: none;
}

nav {
  border-radius: 0.4em;
  width: 34.7em;
  height: 2em;
  padding-top: 0.5em; /* to center the text */
  margin: auto; /* to center the element */
  background-color: #dee8f2;
}

h1 {
  font-size: 35px;
  padding-top: 2%;
  margin-bottom: -0.4em; /* for "wip" text */
}

h2 {
  margin-top: 1%;
  font-size: 40px;
}

nav a {
  /* dont specify what kind of a. important for spacing */
  font-size: 20px;
  color: #027fb1;
}

hr {
  color: red;
}

footer {
  /* find a way to align this to the bottom of body {margin} */
  margin-top: 0.7%;
}

#playing {
  transform: translate(2px, 4px);
}

.margin {
  margin: 25px; /* spacing between final paragraph and imaage */
}

.round-img {
  border-radius: 2%;
}