AE3803

<style>
@import url('https://fonts.googleapis.com/css?family=Krona+One|Noto+Sans|Permanent+Marker|Poppins|Raleway|Signika|Source+Sans+Pro&display=swap');
 ::-webkit-scrollbar{width:0.5vh;height:0.1vh;}
 ::-webkit-scrollbar-track{border-radius:0;background:transparent;}
 ::-webkit-scrollbar-thumb{border-radius:0;background:transparent;}

body{
background: url(https://image.freepik.com/free-vector/red-white-background-texture-pattern_8666-149.jpg);
background-size: 20%;}

#image{
position: fixed;
z-index: 5;
bottom: 0vh;
right: 10vw;
filter:drop-shadow(1vh 1vh 0vh #000);
}

#image img{
height: 85vh;
}

#bar1{
position: fixed;
background: #a81b1b;
box-shadow: 1vh 1vh 0vh #000;
height: 15vh;
width: 150vw;
left: -25vw;
top: 55vh;
transform: rotate(5deg);
z-index: 1;
}

#title{
position: fixed;
z-index: 4;
height: 8vh;
width: 60vw;
top: 42vh;
left: 14vw;
transform:rotate(5deg);
font-family: 'Permanent Marker';
font-size: 12vh;
color: #a81b1b;
text-shadow: -.5vh .5vh 0vh #000;
}

#subtitle{
position: fixed;
z-index: 4;
height: 10vh;
width: 40vw;
top: 54.5vh;
left: 30vw;
transform:rotate(5deg);
font-family: 'Permanent Marker';
font-size: 6vh;
color: #fff;
text-shadow: -.5vh .5vh 0vh #000;
}

#info1{
position: fixed;
background: #ba2727;
box-shadow: -1vh 1vh 0vh #000;
z-index: 3;
padding: 1%;
height: 30vh;
width: 40vw;
top: 56vh;
left: 15vw;
transform:rotate(5deg);
font-family: 'Signika';
font-size: 2.25vh;
color: #fff;
overflow: auto;
text-shadow: -.25vh .25vh 0vh #000;
}

h1{
font-size: 3.75vh;
border-bottom: .25vh #fff solid;
}

a{
color: #fff;
text-decoration: underline;
transition: 0.25s;
}

a:hover{
color:#e66e6e;
transition: 0.25s;
}

</style>

<div id="image"><img src="https://i.imgur.com/MDP3fqr.png"></div>

<div id="bar1"></div>
<div id="title">RED BLOOD CELL</div>
<div id="subtitle">"Just doing my job!"</div>

<div id="info1">
<h1>Erythrocyte AE3803</h1>
As one of many, many red blood cells in the body, it is her duty to deliver oxygen and nutrients to the many cells and organs that keep the system running!<br>
Now if only she wasn't quite so lousy with direction, she'd be a bit more helpful.
<br><br><br>
More info on the way! Maybe some animations, and some buttons...<br>
But first, sleep. <br>
Oh, and have some <a target="_blank" href="https://imgur.com/a/DMDSNLf">pictures.</a>

</div>