/* this isn't part of it */

body, html {
	margin: 0;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    color:transparent;
    animation:color 10s ease-in-out infinite alternate;
}

/* POEM INSTRUCTIONS */

opendevtools {
	position:fixed;
	z-index:99999;
	top:0;
	right:0;
	margin:5vh 5vw;
	padding:2vh 2vw;
	font-family:consolas;
	letter-spacing:0.1em;
	font-size:0.65em;
	color:white;
	background:black;
	display:block;
	cursor:pointer;
	opacity:0;
	transition:.4s ease-in-out;
}

opendevtools.show {
	opacity:0.99;
	transition:.2s ease-in-out;
}

oh {
display:block;
position:absolute;
height:100vh;
width:75vh;
background-image:url(pull.gif);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
animation:sidle 4s ease-in-out infinite alternate, color2 4s ease-in-out infinite alternate;
}

@keyframes sidle {
from {left:0;}
to {left:calc(100vw - 75vh)}
}

@keyframes color {
from {background:#c82700;background:#a32101}
to {background:#fd3d0e}
}

@keyframes color2 {
from {box-shadow: 50vw 0 0 #fd3d0e;}
to {box-shadow:50vw 0 0 #c82700;box-shadow:50vw 0 0 #a32101;}
}

floor {
	display: block;
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 63.5vh 75vh;
    border-color: transparent transparent #0078ff transparent;
    animation: up 4s ease-in-out 4s infinite alternate;
    transform: rotateX(180deg);
    opacity: 0;
}

@keyframes up {
0 {opacity:1}
50% {opacity:1}
100% {opacity:0.9}
}