/* ============================== */
/* === Powered by locomputing === */
/* ============================== */


*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

html, body {
margin:0;
padding:0;
}

@media screen and (min-width: 18em) {

body {
font-size: calc(1em + ((1vw - 0.1em) * 2));
}
}
@media screen and (min-width: 60em) {

body {
font-size: calc(.9em + ((.9vw - 0.1em) * 2));
}
}

@media screen and (max-width: 18em) {
html, body {display: none;}
}

html {
scroll-behavior: smooth;
scrollbar-color:white black;
scrollbar-width:thin;
scrollbar-highlight-color:black;
scrollbar-face-color: white;
scrollbar-arrow-color:white;
-ms-scrollbar-arrow-color:black;
-ms-scrollbar-track-color:black;
}
html::-webkit-scrollbar {
width: 7px;
}
html::-webkit-scrollbar-thumb {
background:white; 
}
html::-webkit-scrollbar-thumb:hover {
background: white;
}
html::-webkit-scrollbar-track {
background-color: black;
}

html, body {
	background-image: linear-gradient(-45deg, #337599, #adc8d6, #dfac20, #e9ac9b, sienna);
}

header {
  display:block;
  height: calc(1.35em + ((1.35vw - 0.1em) * 1));	
  background: sienna linear-gradient(77deg, #cd764c, gold, #e5e600 , sienna);
}

header:after {
content: "";
display: block;
position: relative;
height: 62.5%;
background: sienna linear-gradient(77deg, #cd764c, gold, #e5e600 , sienna);
transform: skew(0deg, 1deg);
margin-top:-12px;
border-bottom:calc(.13em + ((.13vw - 0.1em) * 1)) solid #333333;
z-index: 3;
}
.headtext {
position:relative;
font-size: 135%;
font-family: 'Times New Roman',serif;
letter-spacing: calc(.15em + ((.15vw - 0.1em) * 1));
font-weight: bold;
cursor: default;
color: #d7b700;
text-shadow: 0 1px 0 gray,
               0 1px 0 #c9c9c9,
               0 1px 0 #bbb,
               0 2px 0 #b9b9b9,
               0 2px 0 #aaa,
               0 2px 1px rgba(0,0,0,.1),
               0 0 2px rgba(0,0,0,.1),
               0 1px 1px rgba(0,0,0,.3),
               0 2px 2px rgba(0,0,0,.2),
               0 2px 2px rgba(0,0,0,.25),
               0 3px 3px rgba(0,0,0,.2),
               0 3px 3px rgba(0,0,0,.15);
margin-top: 0;
padding: 0;
text-align: center;
z-index:5;
-webkit-text-stroke:clamp(.025em, .1vw, 1em) black;
}


article {
margin: calc(.75em + ((.75vw - 0.1em) * 1)) .75% calc(.5em + ((.5vw - 0.1em) * 1)) 1%;
font-size: 100%;
}

.article {
padding: 1em 0;
}