* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  image-rendering: optimizeSpeed;
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  background-size: contain;
  background-repeat: no-repeat;
  font: inherit;
}

body {
  background: #000;
  color: #fff;
  font-family: 'Arial';
}

.backButton {
  font-size: 2em;
  font-weight: bold;
  position: fixed;
  right: 0;
  top: 0;
  margin: 0;
}

.simple, s:target ~ .comple {display: none;}
s:target ~ .simple {display: block;}

a {color: inherit;}
a, a * {text-decoration: none;}
a:hover, a *:hover {text-decoration: underline;}

redd {color: #ff0000; display: block; font-size: 24px;}
orng {color: #ff7f00; display: block; font-size: 24px;}
yllw {color: #ffff00; display: block; font-size: 24px;}
chts {color: #7fff00; display: block; font-size: 24px;}
gren {color: #00ff00; display: block; font-size: 24px;}
sprg {color: #00ff7f; display: block; font-size: 24px;}
cyan {color: #00ffff; display: block; font-size: 24px;}
azur {color: #007fff; display: block; font-size: 24px;}
blue {color: #0000ff; display: block; font-size: 24px;}
vlet {color: #7f00ff; display: block; font-size: 24px;}
mgnt {color: #ff00ff; display: block; font-size: 24px;} 
rose {color: #ff007f; display: block; font-size: 24px;}
h2 > redd {display: inline;}
h2 > orng {display: inline;}
h2 > yllw {display: inline;}
h2 > chts {display: inline;}
h2 > gren {display: inline;}
h2 > sprg {display: inline;}
h2 > cyan {display: inline;}
h2 > azur {display: inline;}
h2 > blue {display: inline;}
h2 > vlet {display: inline;}
h2 > mgnt {display: inline;}
h2 > rose {display: inline;}

s {position: fixed;}