@import url(base.css);

main { max-width: 1100px; }

#headerpic {
  position: relative;
  width: min-content;
  margin: auto;
}

#headerpic figcaption {
  position: absolute;
  bottom: 1.5em;
  right: 2.5em;
  font-style: italic;
}

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

.contact {
  grid-template-columns: repeat(2, auto auto);
  width: 100%;
}
.contact dt { text-align: left; }
.contact dd { margin-left: 16px; }

.o {
  filter:
    drop-shadow(0.5px 0.5px black)
    drop-shadow(-0.5px 0.5px black)
    drop-shadow(-0.5px -0.5px black)
    drop-shadow(0.5px -0.5px black);
}