@charset "utf-8";

:root  { --color202: hsla(202,100%,25%, 1); --color202grey: hsla(202,20%,40%, 0.7); --h-textshadow: 0.01em 0.01em 0.02em hsla(202,20%,5%, 0.8); }

*, html { /* No extensive resetting */ }
html { font-family: 'Titillium Web Upright', Titillium, sans-serif; font-weight: 400; font-size: 1.3rem; font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; text-align: left; vertical-align: baseline; }
body {}

header,footer { max-width: 110ch; }
h1,h2   { color: var(--color202); text-shadow: var(--h-textshadow); letter-spacing: 0.07em; }
h3      { display: inline-block; color: white; background-color: black; margin-bottom: 0em; }
img,svg { float:right; width: 10vw; 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; font-family: 'Titillium Web', Titillium; color: var(--color202grey); }

@media (max-width: 1280dp) {
  /* Ultra minimalist approach */
}
					  
img {
  animation-name:             ani;
  animation-delay:            0s;
  animation-duration:         4s;
  animation-iteration-count:  1;
  animation-timing-function:  ease-in-out;
  animation-play-state:       running;
}

@keyframes ani
{
   0% { transform: scale(3); margin-top: 8vh; }
  33% { transform: scale(1); }
  66% { transform: scale(2); margin-top: 6vh; }
 100% { transform: scale(1); }
}