:root {
  --fontSize: calc(100vh / 95);
  --margin: 6rem;
}
@media only screen and (max-width: 1000px) { :root {
  --fontSize: calc(100vmin / 70);
}}

html {
  /*background: #111;
  background-image: linear-gradient(4deg, #111111, #141414);
  background-size: 100%;
  background-attachment: fixed;
  color: rgba(252,252,252,0.99);*/
}
@media print {
  html { background: white }
}
body { padding: 0 0 3rem 0 }

header::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: linear-gradient( to right, #e50203 9.09%, #ff8d01 9.09% 18.18%, #ffee00 18.18% 27.27%, #008121 27.27% 36.36%, #034cfe 36.36% 45.45%, #750287 45.45% 54.54%, #F48024 54.54% 63.63%, #5ccefa 63.63% 72.72%, #f6a8b7 72.72% 81.81%, #784f19 81.81% 90.9%, #000000 90.9% 100% ) fixed;
	height: 5px;
	z-index: 10000;
}

footer { margin: var(--margin) }

.flex-h { flex-wrap: wrap; justify-content: center }
.black { color: black; }

.noise {
  /*background-image: url(noise512.png);
  background-size: 256px;
  opacity: 0.02;*/
  pointer-events: none;
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
}
@media print {
  .noise { display:none; }
}

.poster {
  width: 60rem;
  height: 84rem;
  /* background: #555; */
  margin: var(--margin) calc(var(--margin) / 2);
  box-sizing: border-box;
  flex: 0 0 auto;
  /* box-shadow: 0px 2px 8px black;*/
}
@media print {
  .poster {
    box-shadow: none;
    page-break-before: always;
    page-break-after: always;
    page-break-inside: avoid;
    break-before: always;
    break-after: always;
    break-inside: avoid-page;
  }
}

.poster1 {
  background: #FEED01;
  background-image: linear-gradient(175deg, #FEED01, #F9E010);
  color: rgba(0,0,0,0.9);
}

.poster2 {
  /*background: #555;
  background-image:
    linear-gradient(20deg, rgba(255, 0, 0, 0.02), rgba(0, 255, 0, 0.03)),
    linear-gradient(175deg, #555, #555960);
    color: rgba(252,252,252,0.98);*/
}

a.cloud {
	white-space: nowrap;
	color: var(--blue);
	text-decoration: none;
}

a.cloud:hover {
	color: var(--blue);
	text-decoration: underline;
}

html.white-bg {
  background: white;
  color:rgba(0,0,0,0.99);
}
html.white-bg .poster {
  /* box-shadow: 0px 0.5rem 1.2rem rgba(0,0,0, 0.1); */ 
}

h2 { font-weight:normal; }
h3 { font-weight:normal; }

a.sitenav { text-decoration: none; }

a:hover {
  color: #f48024;
  background-color: transparent;
  text-decoration: none;
}

h1:focus {
  outline: none;
}

.logo {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}