/* this isn't part of it */

body, html {
	margin: 0;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-image: url(wave.jpg);
    background-attachment:fixed;
    color:transparent;
    /*cursor:pointer;*/
}

spit {
    display: block;
    position:absolute;
    width: 15px;
    height: 15px;
	background-color: #fefcfc;
    border-radius: 2px;
   
	clip-path: polygon(67% 5%, 83% 12%, 69% 44%, 94% 78%, 86% 100%, 35% 95%, 15% 81%, 15% 48%, 17% 12%);
	webkit-clip-path: polygon(67% 5%, 83% 12%, 69% 44%, 94% 78%, 86% 100%, 35% 95%, 15% 81%, 15% 48%, 17% 12%);
	moz-clip-path: polygon(67% 5%, 83% 12%, 69% 44%, 94% 78%, 86% 100%, 35% 95%, 15% 81%, 15% 48%, 17% 12%);
	ms-clip-path: polygon(67% 5%, 83% 12%, 69% 44%, 94% 78%, 86% 100%, 35% 95%, 15% 81%, 15% 48%, 17% 12%);
	o-clip-path: polygon(67% 5%, 83% 12%, 69% 44%, 94% 78%, 86% 100%, 35% 95%, 15% 81%, 15% 48%, 17% 12%);
}

/* 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;
}