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

main {
margin: calc(.15em + ((.15vw - 0.1em) * 1)) 0; 
padding: calc(.15em + ((.15vw - 0.1em) * 1)) 0;
}

article {
display: block;
margin:calc(.9em + ((.9vw - 0.1em) * 1)) calc(1.5% + ((1vw - 1.5%) * .5)) calc(.5em + ((.5vw - 0.1em) * 1)) 
calc(.15em + ((.15vw - 0.1em) * 1));
padding:calc(.1em + ((.1vw - 0.1em) * 1));
}

footer {
  display:block;
  height: calc(1.1em + ((1.1vw - 0.1em) * 1));
  background: sienna linear-gradient(77deg, #cd764c, gold, #e5e600 , sienna);
  transform: skew(0deg, -1deg);
  margin: 0;
  border-top:calc(.13em + ((.13vw - 0.1em) * 1)) solid #333333;
}
.footer {
  display:block;
  position: relative;
  text-align:center;
  min-height: calc(.1em + ((.1vw - 0.1em) * 1));
  background: sienna linear-gradient(77deg, #cd764c, gold, #e5e600 , sienna);
  margin:-.68em 0 0 0;
  padding: 0 0 5px 0;
  border-bottom:4px solid #333333;
}
.foottext {
font-size: 60%;
font-family: 'Times New Roman',serif;
letter-spacing: calc(.1em + ((.1vw - 0.1em) * 1));
font-weight: bold;
color: #d7b700;
margin-top: 0;
padding-bottom: calc(.5em + ((.5vw - 0.1em) * 1));
text-align: center;
cursor: default;
z-index:3;
-webkit-text-stroke:1px #222222;
}
.fuss {
margin:0;
width: calc(7em + ((7vw - 0.1em) * 1));
height: auto;
line-height: auto;
display:inline-block;
}



.ribkop {
background-color: white;
border-right: calc(.15em + ((.15vw - 0.1em) * 1)) solid black;
}
.ribbon {
 font-size: 75%;
 font-weight: bold;
 width: 100%;  
 position: relative;
background: sienna linear-gradient(105deg, #cd764c, gold 12% , gold 60% , white);
border: calc(.13em + ((.13vw - 0.15em) * 1)) solid;
border-image: linear-gradient(to right,black,black,gray,silver,transparent)1;
-webkit-text-stroke: .0075em black;
border-right:none;
 color: black;
 text-align: left;
 padding: calc(.15em + ((.15vw - 0.1em) * 1)) calc(.35em + ((.35vw - 0.1em) * 1)); 
 margin:0;
 z-index: 5;
}


.ribangle {
  width: calc(.4em + ((.4vw - 0.1em) * 1));
  aspect-ratio: 1;
  clip-path: polygon(24% 0%,100% 0%,100% 100%,60% 49%);
  background: linear-gradient(210deg,#000000,#838383,#cfcfcf);
  margin: 0 0 0 -.12em;
}

.contkop {
background-color:white;
height: calc(.5em + ((.5vw - 0.1em) * 1));
padding: 2px 0 2px 10px;
margin:0 0 0 .35em;
background: linear-gradient(white, white) padding-box,
linear-gradient(to right, black, #333333) border-box;
border-radius: calc(.2em + ((.2vw - 0.1em) * 1)) calc(.5em + ((.5vw - 0.1em) * 1)) 0 0;
border: calc(.15em + ((.15vw - 0.1em) * 1)) solid;
border-top: calc(.13em + ((.13vw - 0.1em) * 1)) solid;
border-left: calc(.11em + ((.11vw - 0.1em) * 1)) solid;
border-bottom:none;
}
#continhalt {
position: relative;
font-size: 88%;
margin:-.75em 0 calc(.2em + ((.2vw - 0.1em) * 1)) .35em;
padding:calc(.8em + ((.8vw - 0.1em) * 1)) calc(.2em + ((.2vw - 0.1em) * 1)) calc(.3em + ((.3vw - 0.1em) * 1));
text-align:left;
background-color:white;
background: linear-gradient(white, white) padding-box,
linear-gradient(to right, black, #333333) border-box;
border-left: calc(.115em + ((.115vw - 0.1em) * 1)) solid #222222;
border-radius: 0 0 calc(.2em + ((.2vw - 0.1em) * 1)) calc(.5em + ((.5vw - 0.1em) * 1));
border-right: calc(.16em + ((.16vw - 0.1em) * 1)) solid black;
border-bottom: calc(.16em + ((.16vw - 0.1em) * 1)) solid black;
border-top:none;
-webkit-text-stroke: calc(.1em + ((.1vw - .15em) * 1)) black;
cursor:default;
}

.context {
text-align: center;
}