body {
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}

main {
  padding: 0 1.2rem 1.2rem 1.2rem;
}
#exercises {
  margin: 1.44rem 0;
}

#exercises a {
  display: block;
  padding: 0.5rem 0;
  background: rgb(240 240 240 /1);
}

#exercises a:hover,
#exercises a:focus {
  background-color: rgba(0, 23, 97, 0.9);
}

nav {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1.44rem;
  justify-items: center;
  background-color: rgba(30, 27, 199, 0.5);
  padding: 1rem 0;
}

footer {
  width: 100%;
  background-color: rgb(16 16 16 /1);
  color: rgb(240 240 240 /0.95);
  display: grid;
  justify-items: center;
  position: fixed;
  bottom: 0;
  padding: 0.5rem 0;
}