lone survivor code

<style>
@import url('https://fonts.googleapis.com/css?family=Rock+Salt&display=swap');

body {
  background-color: #;
	background-image: url('https://cdn.discordapp.com/attachments/591482815066144769/618717637693800448/lone_background.png') ;
	background-position: fixed;
 background-size: 120%;
	background-repeat:no-repeat;
	background-position: left;
 	font-family: ;
	color: #7c7c7c;
 	text-shadow:0px 0px 3px #000;
}

#book {
background-color:#;
margin:auto;
position: fixed;
color: #000;
transform: rotate(20deg);
box-shadow: 10px 10px 10px ;
left: 50%;
top: 40%;
opacity: 1;
z-index: 0;
}

#main {
background-color:#;
margin:auto;
position: fixed;
color: #000;
transform: rotate(20deg);
left: 50%;
top: 40%;
opacity: 1;
z-index: 0;
}

#pic1 {
background-color:#;
margin:auto;
position: fixed;
color: #000;
transform: rotate(20deg);
box-shadow: 3px 3px 5px ;
left: 82%;
top: 50%;
opacity: 1;
z-index: 0;
}

#pic2 {
background-color:#;
margin:auto;
position: fixed;
color: #000;
transform: rotate(20deg);
box-shadow: 3px 3px 5px ;
left: 92%;
top: 55%;
opacity: 1;
z-index: 0;
}

#pic3 {
background-color:#;
margin:auto;
position: fixed;
color: #000;
transform: rotate(20deg);
box-shadow: 3px 3px 5px ;
left: 77%;
top: 68%;
opacity: 1;
z-index: 0;
}

#pic4 {
background-color:#;
margin:auto;
position: fixed;
color: #000;
transform: rotate(20deg);
box-shadow: 3px 3px 5px ;
left: 88%;
top: 73%;
opacity: 1;
z-index: 0;
}

#notepad {
background-color:#;
margin:auto;
position: fixed;
color: #000;
transform: rotate(-20deg);
left: 20%;
top: 60%;
opacity: 1;
z-index: 0;
}

#text {
background-color:#;
margin:auto;
position: fixed;
padding: 10px;
font-family: 'Rock Salt', cursive;
color: #000;
transform: rotate(-20.5deg);
left: 22%;
top: 66%;
opacity: 1;
z-index: 0;
}


::-webkit-scrollbar {
 width: 5px;
}

::-webkit-scrollbar-track {
 box-shadow: inset 0 0 5px grey;
 border-radius: 10px;
}

::-webkit-scrollbar-thumb {
 background: #26121E;
 border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
 background: #4f3d47;
}



</style>
<body>

<div id="book">
<img src="http://i.picpar.com/yMCd.png" height="500px;">



</div>

<div id="pic1">
<img src="http://i.picpar.com/zMCd.png" height="125px;">



</div>

<div id="pic2">
<img src="http://i.picpar.com/8MCd.png" height="125px;">



</div>

<div id="pic3">
<img src="http://i.picpar.com/9MCd.png" height="125px;">



</div>

<div id="pic4">
<img src="http://i.picpar.com/AMCd.png" height="125px;">



</div>



<div id="main">
<img src="http://i.picpar.com/7MCd.png" height="400px;">



</div>

<div id="notepad">
<img src="https://ideazio.com/wp-content/uploads/2014/12/notepad-trans.png" height="400px;">



</div>
<div id="text">


<a name="one"></a>
<div style="width: 200px; height: 300px; overflow: auto; align="left">

I saw another group of giants today. Looks like they were carrying things. Trees, stones, not really sure why. Following them out of morbid curiousity is too much of a risk. So, rather than do that, I just simply moved on.

</div>

</div>
</div>
</div>



</body>
</body>