body{background:black; font-family:monospace;color:white;margin:0em;overflow-x: hidden;cursor: crosshair;} body.page {
background: white;
color:black;
}
body.page .content h2 a, 
body.page h2{
color: black;
font-size:40px;
}
body.page p {
background: white;
font-size:20px;
}
body.page .nav {
height:0;
}
body.page .text_shadows a {color:black;animation:none;}
body.page .law-and-order {
display: none;
}
body.page .content {
margin: 0 10em 300px;
} h2{margin-top:2em;font-size:8em;}
p {
font-size: 2.4em; }
p:hover {
color: red; }
@keyframes textbig-in {
100% {
font-size:4em;
}
}
@keyframes textbig-out {
0% {
font-size: 4em;;
}
100% {
font-size: 2.4em;
}
}
@media screen and (max-width: 1000px) { 
.content {
margin: 0 10em 150%;
}
}
@media screen and (min-width: 1000px) { 
.content {
margin: 0 300px 150%;
}
}
a {
text-decoration: none;
color: #727272;
} h1 a {
color: #F44336;
letter-spacing: 0.2rem;
font-size: .8em;
text-transform: uppercase;
}
.nav {
font-size: 2em;
background: #000000;
width: 100%;
height: 1.59em;
position: fixed;
bottom: 0;
}
.prev a {
color: white;
background: #0041ff;
position: fixed;
right: 0;
bottom: 3.6em;
padding: 1.2em 1.5em;  } .next a {
background: yellow;
position: fixed;
left: 0;
bottom: 3.6em;
padding: 1.2em 1.5em;
} .law-and-order {
width: 98%;
background: #00ffb4;
background: #fff;
position: absolute;
padding: 36px 1%;
border: 0;
left: 0;
margin: 0;
text-align: center;
font-size: 1.5em; }
.law-and-order > a {color:black; }
.text_shadows a {color:white;animation: shadows 5s ease-in infinite;}
.text_shadows {
background-clip: text;
animation: shadows 10s ease-in infinite, move 10.2s ease-in infinite;
letter-spacing: 0.4rem;
}
@keyframes shadows {
0% {
text-shadow: none;
color:red;
}
3% {
text-shadow: 1px 2px 0 red;
color:white;
}
6% {
text-shadow: -2px 1px 0 blue,
3px -2px 0 yellow;
color:white;
}
9% {
text-shadow: 1px -1px 0 blue,
-1px 2px 0 red, 3px 3px blue;
color:white;
}
12% {
text-shadow: 1px 1px 0 white,
2px 1px 0 white, 2px 2px red,
3px 3px 0 yellow;
color:white;
}
15% {
text-shadow: 3px 3px 0 var(--color-secondary),
1px -1px 0 var(--color-tertiary), 9px 9px var(--color-quaternary),
3px 3px 0 blue;
color:white;
}
20% {
text-shadow: 1px 2px 0 var(--color-secondary),
1px -3px 0 var(--color-tertiary), 9px 9px var(--color-quaternary),
4px 4px 0 red;
}
27% {
text-shadow: 3px 3px 0 var(--color-secondary),
-2px3px 0 green, 3px 3px yellow;
}
38% {
text-shadow: 3px 3px 0 blue,
2px 2px 0 red;
}
49% {
text-shadow: 1px 2px 0 black;
}
55% {
text-shadow: none;
}
}
@keyframes move {
0% {
transform: translate(0px, 0px);
}
4% {
transform: translate(2px, 1px);
}
8% {
transform: translate(1px, 2px);
}
15% {
transform: translate(1px, 2px);
}
100% {
transform: translate(0px, 0px);
}
}