Lee-Enfield

<style>
@import url('https://www.themonster.xyz/styles/fancy-fonts.css');
::-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: linear-gradient(80deg, #3d1515, #5c5c5c, #181b38);
}


#image{
position: fixed;
z-index: 5;
top: 5vh;
right: 10vw;
box-shadow: 1vh 1vh 1vh #000;
}

#image img{
height: 90vh;
}

#bar{
position: fixed;
background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://d2gg9evh47fn9z.cloudfront.net/800px_COLOURBOX6626099.jpg);
z-index: 2;
top: 35vh;
height: 15vh;
width: 100vw;
left: 0vw;
box-shadow: 0 0 1vh #000;
}

#title{
position: fixed;
z-index: 5;
text-align: left;
height: 20vh;
width: 40vw;
left: 10vw;
top: 30vh;
font-family: 'Magnificent';
font-size: 12vh;
color: #fff;
text-shadow: -1vh 1vh 2vh #000;
}


#box{
position: fixed;
z-index: 4;
background: url(https://static.vecteezy.com/system/resources/previews/000/579/041/non_2x/vector-abstract-classic-geometric-squares-pattern-on-dark-blue-background-luxury-style-dashed-lines-repeating-with-square-texture.jpg);
padding: 1%;
text-align: center;
height: 40vh;
width: 40vw;
top: 41vh;
left: 10vw;
color: #fff;
font-family: 'Whitney';
font-size: 2.25vh;
text-shadow: 0vh 1vh 1vh #000;
}

h1{
font-family: 'Madame Cosmetics';
font-size: 4vh;
font-weight: lighter;
}

a{
font-family: 'Praying Angel';
color: #fff;
text-decoration: none;
transition: 0.5s;
}

a:hover{
transition: 0.5s;
color: #eb9191;
}

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

<div id="bar"></div>
<div id="title">Lee Enfield</div>

<div id="box"><br><br>
<h1>God Save the Queen</h1>
Lee Enfield<br>
Military Android, 'Tactical Doll'<br>
Rifle Class<br>
 British rifle, in service from 1895-1926<br>
<br>
<a target="_blank" href="https://imgur.com/a/Sag4UVs">Images</a>
</div>