@import url(base.css);


main {
    max-width: 1100px;
}

#headerpic {
  filter: drop-shadow(0 0 30px var(--glow-col));
}

dl.contact {
  width: 100%;
  row-gap: 1em;
}

.contact .at {
  --shadow-filter: drop-shadow(2px 2px 2px hsla(0, 0%, 0%, 80%));
  vertical-align: -0.2em;
  max-width: 1em;
  max-height: 1em;
  padding: 0 0.1em;
  filter: var(--shadow-filter);
  z-index: -1;
}

.at.outline {
  filter:
    drop-shadow(0.3px 0.3px black)
    drop-shadow(-0.3px 0.3px black)
    drop-shadow(-0.3px -0.3px black)
    drop-shadow(0.3px -0.3px black)
    var(--shadow-filter);
}