@charset "utf-8";

:root  { --color202: hsla(202,100%,25%, 1); --color202grey: hsla(202,30%,50%, 1); --h-textshadow: 0.02em 0.02em 0.02em hsla(202,20%,5%, 0.8); }
*, html {}

body   { font-family: 'Ubuntu Sans Mono', 'Noto Mono', Consolas, monospace; }
header { max-width: 110ch; }
h1, h2 { color: var(--color202); text-shadow: var(--h-textshadow); letter-spacing: 0.05em; }
h3     { display: inline-block; color: white; background-color: black; margin-bottom: 0em; }
img    { float:right; width: 7vw; max-width: 200px; height: auto; }

main { margin-top: 5vh; }
p    { max-width: 110ch; line-height: 1.4; }
a    { color: inherit; text-decoration: underline var(--color202) dotted; }
				
aside {}
				
footer { margin-top: 7vh; }
footer > p { font-style: italic; color: var(--color202grey); }

@media (max-width: 1280dp) {
  /* Ultra minimalist approach */
}