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


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

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

@media screen and (min-width: 18em) {
body {
font-size: clamp(1em, 2.8vw, 1.75em);
}
}

@media screen and (min-width: 60em) {
body {
font-size: clamp(1.5em, 3.2vw, 2em);
}
}

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

html, body {
margin:-2px 0 0 0;
padding:0;
font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
background: black;
}



header img {
width: 100%;
height: auto;
background-repeat: no-repeat;
position: fixed;
margin: 0;
padding:0;
z-index: 2;
}
main {
position: relative;
background: transparent;
padding: 31%  0 0 0;
border-top:3px solid black;
z-index: 10;
}

.masthead {
position: fixed;
top: calc(.1em + ((.1vw - 0.1em) * 1));
left:calc(.1em + ((.1vw - 0.1em) * 1));
font-size: 90%;
font-weight: bold;
color: yellow;
text-shadow:1px 1px #000;
text-transform:uppercase;
z-index: 5;
}


article {
background: #efefef;
padding: calc(.15em + ((.15vw - 0.1em) * 1)) calc(.25em + ((.25vw - 0.1em) * 1))
calc(1.5em + ((1.5vw - 0.1em) * 1)) calc(.25em + ((.25vw - 0.1em) * 1));
border-top: calc(.25em + ((.25vw - 0.1em) * 1)) solid #454545;
}

footer {
display: block;
background: black;
background: transparent;
color: white;
padding: clamp(.25em, .25vw, 1em);
text-align: center;
z-index: 20;
cursor: default; 
}
.foottxt {
font-size: 100%;
}
.footcopy {
font-size: 60%;
padding: calc(.5em + ((.5vw - 0.1em) * 1)) 0 1em 0;
}
.footcopy a {
color: white;
}
.footcopy a:hover {
color: #00ff02;
text-decoration: none;
}