harlow starter

<style>

@import url('https://fonts.googleapis.com/css?family=Damion');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Special+Elite');

body {background: #000;}
::-webkit-scrollbar {display:none}

.container {position: fixed;
height: 400px;
width: 400px;
margin: auto;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
border: 1px solid #800000;
}

.image {position: absolute;
background: url('https://images-ext-2.discordapp.net/external/3y0cP0e9s8bM0ciijX5EeXE-vZtRuFnbcqjmzYRYgVs/https/s3.amazonaws.com/djwp/wp-content/uploads/2014/10/03113854/DOC5_GASPARDULLIEL3-731x1024.jpg?width=268&height=376') no-repeat;
background-size: 270px;
background-position: -45px -30px;
height: 380px;
width: 200px;
left: 10px;
bottom: 10px;
}


.slide2 {position: fixed;
background-color: #000;
background-position: 100%;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 9999;
opacity: 0;
transition:all .9s ease-in-out;
-webkit-transition:all .9s ease-in-out;
-o-transition:all .9s ease-in-out;
-moz-transition:all .9s ease-in-out;
pointer-events: none;
}
.image2 {position: absolute;
background: url('https://upload.wikimedia.org/wikipedia/commons/3/31/Chartres_-_cath%C3%A9drale_-_rosace_nord.jpg') no-repeat;
background-size: 670px;
background-position: -120px -20px;
height: 500px;
width: 430px;
left: 560px;
bottom: 150px;
border-radius: 700px;
filter: grayscale(50%);
}
.text2 {position: absolute;
font-family: Nightmare Pills;
font-size: 50px;
background: -webkit-linear-gradient(#000, #800000 10%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
letter-spacing: 15px;
text-align: center;
margin: auto;
left: 70px;
bottom: -60px;
}

</style>

<div class="container">
<div class="image">

<div class="slide2"><div class="image2"><div class="text2">HARLOW.</div></div></div>