div.facebook
{
top:0;
width:2em;
height:auto;
z-index:99;
float:left;
}
div.twitter
{
top:0;
width:2em;
height:auto;
z-index:99;
float:right;
}
header.compact
{
display:flex;
gap:0.5em;
align-content:flex-start;
align-items:center;
padding:0.25em;
}
header.compact>h1
{
text-align:left;
font-size:1.5em;
font-weight:bold;
}
header.compact>h2
{
text-align:left;
font-size:1.5em;
font-style:italic;
}
img.banner, video.banner
{
position:absolute;
left:50%;
min-width:100%;
min-height:100%;
transform:translateX(-50%);
object-fit:cover;
z-index:-1;
}
img.inline
{
height:1.1em;
vertical-align:middle;
}
img.logo
{
width:7%;
margin:0.1em;
}
img.picture
{
max-width:100%;
height:auto;
}
video.banner
{
filter:blur(2px) brightness(0.7);
}