site-footer
{
 	display: grid;
  grid-template-columns: repeat( 3, 1fr );
  gap: 4em;
  margin: 0 auto;
  padding: 4em 26vw;
  background: #010219;
}

site-footer-column
{
  display: grid;
  gap: 0.6em;
  align-content: start;
  background-color: hsl(0,0%,100%,0.05);
  padding: 1.5em 1.2em 1.5em 1.2em;
  border-radius: 0.35em;
}

site-footer-title
{
  display: block;
  margin-bottom: 0.4em;
  font-weight: 800;
  font-style: italic;
  text-transform: uppercase;
  color: hsl(0, 0%, 88.2%);
}

site-footer a
{
  display: block;
  color: hsl(220, 8.3%, 50.4%);
  text-decoration: none;
  transition: color 150ms ease;
  text-shadow: 0 2px 2px hsl(0,0%,0%);
}

site-footer a:hover
{
  color: hsl( 0, 0%, 100% );
}

@media ( orientation: portrait )
{
  site-footer
  {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 2.5em;
  }
}

@media ( orientation: landscape )
{
  site-footer
  {
    background: linear-gradient(180deg, hsl(270, 12.5%, 3.1%) 0%, hsl(220, 8.8%, 13.3%) 100%);
  }
}