:root {
  display: flex;
  width: 100vw;
  flex: column;
  justify-items: center;
  align-items: center;
  place-content: center;
  place-self: center;

  margin: 0;
  padding: 0;
}
body {
  display: flex;
  width: 100vw;
  flex-flow: column;

  place-items: center;

  margin: 0;
  padding: 0;
  
  gap: 1rem;
}

h1 {
  font-size: 5rem;
  text-shadow: 1rem 1rem gold;
  color: gold;
  text-shadow: 0.5rem 1rem 1rem #000;
}

a {
  display: block;
  font-size: 3rem;
  margin-block: 1rem;
  font-weight: bold;
  color: goldenrod;
}
a:not(:has(> img)) {
  box-shadow: 0.5rem 0.5rem black;
}
a:focus {
  color: gold;
}
a:visited {
  color: palegoldenrod
}
a:hover {
  color: darkgoldenrod;
}

img {
  width: 75vw;
}