:root {
  --primary-background-color: #fff;
  --primary-text-color: #000;
  --footer-background-color: #04a779;
  --footer-text-color: #fff;
  --body-columns: 1fr;
  --body-direction: "";
}
html {
  background-color: var(--primary-background-color);
  color: var(--primary-text-color);
}
body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  grid-auto-rows: auto 1fr auto;
  font-family: monospace;
}
#linkBack {
  text-align: center;
  background: rgb(2,0,36);
  background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(9,12,121,1) 35%, rgba(0,212,255,1) 100%);
}
#linkBack a {
  display: block;
  color: #fff;
  margin: 1rem;
}

/* START ASSIGNMENT BODY STYLES */

nav ul {
  display: flex;
  flex-direction: row;
  list-style: none;
  margin: auto;
  max-width: 1200px;
}
nav ul li {
  display: block;
  align-content: space-between;
  padding: 1rem;
}

/* END ASSIGNMENT BODY STYLES */

footer {
  background-color: var(--footer-background-color);
  color: var(--footer-text-color);
  padding: 1rem;
}