.site-footer {
  width: 100%;
  padding: 20px 0;
  margin-top: 40px;

  text-align: center;

  font-family: "Lusitana", serif;
  font-size: 12px;
  color: white;
  filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px 1px 0 black)
    drop-shadow(1px -1px 0 black) drop-shadow(-1px -1px 0 black);
}

.site-footer a {
  color: inherit;
  text-decoration: none;
}

.site-footer a:hover {
  text-decoration: underline;
}

.container header {
  grid-area: header;
}

.container main {
  grid-area: main;
}