/* this isn't part of it */

body, html {
	margin: 0;
    overflow: hidden;
    background-size: auto 100%;
    background-position: center;
    background-image: url(ocean.jpg);
    background-color: #f9c49d;
    background-blend-mode: multiply;
    background-attachment:fixed; 
}

earth, arth {
	display: block;
    height: 100vh;
    width: 100vh;
    position: fixed;
    left: 50%;
    margin-left: -50vh;
    background: rgba(0,0,255,0.5);
    border-radius: 100vh;
    animation: rotate 0.5s linear infinite;
}


@keyframes rotate {
	0% {transform:rotateY(0deg) rotateX(0deg);}
	100% {transform:rotateY(360deg) rotateX(360deg);}
}

/* 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:blue;
	display:block;
	cursor:pointer;
	opacity:0;
	transition:.4s ease-in-out;
}

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