*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 100%;
}
html, body{
	height: 100%;
overflow: hidden;
	background-color: grey;

}
.netpaper {
	background-image: radial-gradient(white, white, cornsilk, wheat, tan, burlywood, rgba(160, 82, 45, 0.5));
	position: fixed;
	top:50%;
	left:75%;
	transform: translate(-75%,-50%);
	width: 33.3vw;
	height: 90vh;
	background-size: 100% 100%;
	background-position: 43% 55%;
    animation: netpaper 20s ease infinite;
    
}

.netpaper:hover {
	cursor: crosshair;
}

@keyframes netpaper {
	0% {
        background-size: 700% 700%;
    }
   
    50% {
        background-size: 147% 147%;
    }
    
    100% {
        background-size: 700% 700%;
    }
}
img {
	/*position: absolute;
	top:3%;
	left:10%;*/
	position: absolute;
        top:50%;
        left:25%;
        transform:translate(-25%, -50%);
	width: 35vw;
	height: 95vh;
}

.moth {
	display:none;
	font-size: 8px;
	line-height:9px;
	position: fixed;
	top:20%;
	left:0%;
}

span {
	color: rgba(0,0,0,0);
}

.name {
	color: silver;
	text-shadow: .125rem .125rem .25rem rgba(0,0,0,.85);
	font-size: 18px;
	position: absolute;
	left: 50%;
	bottom: 5px;
	transform: translateX(-50%);