html{background-color:#eee8d5;/*color:#657b83*/;margin:1em}
body{/*background-color:#fdf6e3;border:1pt solid #93a1a1;*/}
code{background-color:#eee8d5;padding:2px}
a{color:#b58900;color:#002b36;font-size:.8em;text-decoration: underline;text-transform: uppercase;}
 a:visited{color:#cb4b16;color:#002b36}
 a:hover{color:#cb4b16;color:black}
h1{color:#d33682}
h2,h3,h4,h5,h6{color:#859900}
pre{background-color:#fdf6e3;color:#657b83;border:1pt solid #93a1a1;padding:1em;box-shadow:5pt 5pt 8pt #eee8d5}
pre code{background-color:#fdf6e3}
.tag{background-color:#eee8d5;color:#d33682;padding:0 .2em}

body{margin:0 auto;max-width:600px}
h1,h2{color:#000;font-family: "Raleway", sans-serif;font-optical-sizing: auto;font-weight: 900;font-style: normal;letter-spacing:.42em; text-align:center; text-transform:uppercase;}
h1{margin-bottom:1.2em;margin-top:0.25em;}
/*h2{margin-top:2em}*/
h2 img{height:60px; margin:0 1em 0 0;width:auto;}
img{height:auto;width:100%;max-width:600px;}
footer {text-align:center}

.propaganda{border:solid black; border-width:2px 0; margin:2em 0;padding:1em 0 2em;text-align:justify; text-align-last: center;}
.propaganda em{text-transform:uppercase}
.propaganda ul{list-style:none; margin:0; padding:0;text-transform:uppercase;}
.propaganda ul li{margin:0;padding:0}
.propaganda > ul:nth-of-type(2) strong::after{content:' . . . . . . '; font-weight:normal;text-decoration:none;}
.propaganda img{box-shadow:0 .5em 1em rgba(0,0,0,.2); margin:.5em;transform: rotate(-3deg);}

.rings{display:block;margin:3em auto 4em;width:calc(100% - 3em);}

.stamp {display:block;margin:8em 1em 3em auto;transform:rotate(12deg);max-width:120px;}

.signpost {list-style:none;margin:0 1.5em;padding:0;}
.signpost ul, .signpost li{list-style:none;margin:0;padding:0;text-align:left;}
.signpost li{align-items:center; display:flex;flex:row wrap;}

footer nav ul  {list-style:none; margin:0; padding:0;}
  footer nav li  {display: inline-block; margin:.5em; padding:0;}

@media (max-width:600px){
  .signpost li{display:block}
  .propaganda ul li {margin:0 0 1em;}
  .propaganda ul strong{display: block}
  .propaganda > ul:nth-of-type(2) strong::after,.propaganda ul:last-of-type strong::after{content:''; }
}