spook2

<style>
 body {
 background-image: url('https://i.imgur.com/Vkou5AP.jpg');
 overflow: hidden;
background-size:100%;
 }

::-webkit-scrollbar {display: none}

.art img {
top: 18.7vh;
right: 75vh;
 position: absolute;
 height: 60vh;
width:60vh;
overflow:auto;
z-index:3;
}

.art2 img {
top: 25vh;
left: 20vh;
 position: absolute;
 height: 50vh;
width:25vh;
overflow:auto;
z-index:3;
animation: float 3s ease-in-out infinite;

animation: float 3s ease-in-out infinite;
 }

@keyframes float {
 0% {
 transform: translatey(0px);
 }
 50% {
 transform: translatey(-20px);
 }
 100% {
 transform: translatey(0px);
 }
 }

.box {
	position:absolute;
background-color:#767676;
background-image:url('https://www.transparenttextures.com/patterns/argyle.png');
	height:60vh;
	width:80vh;
	left:65vh;
	top:18vh;
border-style:solid;
border-width:.7vh;
border-color:#000;
opacity:0.7;
	}

.title{
color:#000;
font-family: 'Hello';
font-size:15vh;
font-weight:bold;
top:6vh;
width:50vh;
left:65vh;
position: absolute;
z-index:5;
letter-spacing:.5vh;
 filter: drop-shadow(.1vh .1vh .1vh #FFF);
}

@font-face {
 font-family: "Hello";
 src: url('https://dl.dropboxusercontent.com/s/skz2kgzg2rov4ba/Hello%5B1%5D.otf?dl=0');
 format("truetype");
}
</style>

<div class="box"></div>

<div class="art"><img src="https://i.imgur.com/07CWvqI.png"></div>
<div class="art2"><img src="http://i.picpar.com/r5Hd.png"></div>


<div class="title">Spook</div>