/* this isn't part of it */

body, html {
	margin: 0;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-image: url(sweat.gif);
    color:transparent;
    /*max-width:125vh;*/
}

but {
	background-image: url(blood.gif);
    background-size: 50% 100%;
    background-position:left;
    background-repeat:no-repeat;
    background-color:#bf0000;
    width: 100vw;
    height: 50vh;
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 1;
    animation:move 10s ease-out 1s infinite;
    /*max-width:125vh;*/
}

@keyframes move {
0% {bottom:0;left:0}
25% {bottom:0;left:50%}
50% {bottom:50%;left:50%;}
75% {bottom:50%;left:0;}
100% {bottom:0;left:0;}
}

/* POEM INSTRUCTIONS */

opendevtools {
	position:absolute;
	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;
}