.section, .div {display:none !important;}

html {
color:rgba(0,0,0,.8);
font-family:'Segoe UI', 'Open Sans', 'San Francisco', Roboto, Helvetica, Geneva, Arial, sans-serif;
font-size:1.25rem;
scroll-behavior:smooth;
text-rendering:optimizelegibility;
text-shadow:.1px .1px .1px rgba(0,0,0,.2);
}

body {
margin:0;
overflow-x:hidden;
padding:0;
}

header,footer {
background:#26a;
box-shadow:0 0 .25rem 0 rgba(0,0,0,.5);
color:white;
min-height:3rem;
position:relative;
text-align:center;
}



blockquote {
border-left:.25rem solid #c84;
color:dimgray;
font-family:Georgia,serif;
font-style:italic;
line-height:1.5em;
margin:1rem;
padding-left:.75rem;
}

main {
background:whitesmoke;
box-sizing:border-box;
line-height:1.5;
margin:auto;
padding:10px max(1rem,calc(50% - 16rem));
}

article {
color:dimgray;
font-size:.9rem;
display:inline-block;
margin:0 auto;
max-width:32rem;
text-align:left;
vertical-align:top;
}
 
article a {
box-sizing:border-box;
color:dimgray;
display:inline-block;
padding-bottom:.5rem;
text-decoration:none;
}

article a:hover {
  color:initial;
}

article h3 {
  color:initial;
}

article img {
aspect-ratio:16/9;
border-radius:.5rem;
}

section {
background:whitesmoke;
box-shadow:0 0 .25rem 0 rgba(0,0,0,.5);
box-sizing:border-box;
column-gap:max(1rem,2.5vw);
display:grid;
grid-auto-flow:dense;
grid-template-columns:repeat(auto-fit,minmax(max(20vw,16rem), 1fr));
grid-template-rows:repeat(auto-fit,1fr);
padding:1rem max(1rem,2.5vw) .5rem;
position:sticky;
}


aside {
background:#c84;
bottom:0;
box-shadow:0 0 .25rem 0 rgba(0,0,0,.5);
box-sizing:border-box;
display:block;
min-height:5rem;
max-height:calc(50vh - 8rem);
overflow:hidden;
padding:0;
position:sticky;
top:0;
width:100%;
z-index:100;
}

aside object {
aspect-ratio:18/5;
display:block;
height:min(25%,25vw);
margin:auto;
max-height:10rem;
max-width:40rem;
position:sticky;
width:100%;
z-index:10;
}

img {
height:auto;
max-width:100%;
}

a {
color:#26a;
text-decoration:none;
}

a:hover {
color:#c84;
}

b {
font-weight:500;
}

p {
margin:.5rem 0;
}

h1,h2,h3 {
font-weight:500;
margin:.5rem 0;
}

h1 {
font-size:2em;
line-height:1.25em;
}

h2 {
font-size:1.25em;
}

h3 {
font-size:1rem;
}

header {
  position:relative;
}


footer ul {
  margin:0;
  padding:1em;
}

footer li {
  display:inline-block;
  padding:.5em;
}

footer li a {
  color:white;
  text-decoration:none;
  font-weight:300;
}

search {
  aspect-ratio:1/1;
  position:absolute;
  top:0;
  right:max(15%,calc(50% - 250px));
  width:min(50px,7%);
}

nav {
  aspect-ratio:18/5;
  display:flex;
  position:absolute;
  top:0;
  left:max(25%,calc(50% - 180px));
  width:min(180px,25%);
  border-radius:0 0 min(3vw,1rem) min(3vw,1rem);
  overflow:hidden;
  font-size:clamp(.8rem,4.5vw,1.6rem);
  background:#c84;
  color:white;
  white-space:pre;
  line-height:120%;
}

nav:before {
  aspect-ratio:1;
  content:"";
  display:block;
  height:100%;
  background-image:url("/globe.svg");
  background-size: contain;
}

nav b {
  font-weight:500;
}

nav i {
  font-style:normal;
  font-weight:300;
}

nav a {
  height:100%;
  line-height:145%;
  display:inline-block;
  color:white;
  text-decoration:none;
  text-align:center;
  text-shadow:.025em .025em rgba(0,0,0,.5);
}

nav a:hover {
  color:#26a;
  font-weight:500;
}

hgroup p:first-child {
  text-transform:uppercase;
  color:#26a;
  font-weight:100;
}

hgroup p:last-child {
  font-weight:500;
  color:dimgray;
}

hgroup {
margin:10px 0;
}

hgroup b {font-weight:500;}
hgroup i {font-weight:300; font-style:normal;}

address {
  margin: 0;
  font-style:normal;
  font-weight:500;
  font-family:monospace;
  line-height:40px;
  padding-bottom:20px;
}

address img {
  float:left;
  margin-right:10px;
  margin-left:-10px;
  height:60px;
  width:60px;
  border-radius:30px;
}

address + time {
display:block;
color:gray;
font-weight:100;
font-size:1em;
white-space:nowrap;
margin-top:-30px;
}