Longinus Code

#cross{
background-image:url(https://i.imgur.com/VMHNacF.png);
background-size:contain;
width:500px;
height:700px;
position:absolute;
top:50%;
left:50%;
margin-top:-350px;
margin-left:-200px;
}

#longinus{
width:400px;
height:430px;
background-image:url(https://i.imgur.com/CmpbyCi.png);
background-size:100%;
position:absolute;
bottom:0%;
left:50%;
margin-left:-130px;
z-index:50;

}

#box1{
width:290px;
height:90px;
padding:5px;
background-color:transparent;
border-right:solid 2px #ff0000;
border-left:solid 2px #ff0000;
position:absolute;
top:50%;
left:50%;
margin-top:200px;
margin-left:-450px;
z-index:99;
color:#ff0000;
font-family: 'Josefin Sans', sans-serif;
font-size:10pt;
overflow:auto;
text-align:justify;
}

#box2{
width:290px;
height:90px;
padding:5px;
background-color:transparent;
border-right:solid 2px #ff0000;
border-left:solid 2px #ff0000;
position:absolute;
top:50%;
right:50%;
margin-top:200px;
margin-right:-480px;
z-index:99;
color:#ff0000;
font-family: 'Josefin Sans', sans-serif;
font-size:10pt;
overflow:auto;
text-align:justify;
}

#text-box{
width:200px;
height:60px;
background-color:transparent;
text-align:center;
position:absolute;
top:50%;
left:50%;
margin-top:120px;
margin-left:-400px;
border-bottom:solid 4px #ff0000;
text-align:center;
}

#text-box2{
width:200px;
height:60px;
background-color:transparent;
text-align:center;
position:absolute;
top:50%;
right:50%;
margin-top:120px;
margin-right:-430px;
border-bottom:solid 4px #ff0000;
text-align:center;
}


h1{
font-family: 'UnifrakturCook', cursive;
font-size:25pt;
color:#ff0000;
}

h2{
font-family: 'UnifrakturCook', cursive;
font-size:20pt;
color:#ff0000;
margin-bottom:-5px;
margin-top:-10px;
text-align:center;
}

a{
text-decoration:none;
color:#FD3768;
transition:1s;
}

a:hover{
color:gold;
}

<style>
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');
@import url('https://fonts.googleapis.com/css?family=UnifrakturCook:700');

body{
background-color:#0d0d0d;
overflow:hidden;
}

::-webkit-scrollbar
{
	width:0px;
	background-color: transparent;
}


</style>
<div id="text-box"><h1>Sinner</h1></div>
<div id="text-box2"><h1>Merciful</h1></div>
<div id="box1">
<h2>The man </h2><br>
<font style="float:left"><b>Name</b></font> <font style="float:right">Redacted</font><br>
<font style="float:left"><b>Moniker</b></font> <font style="float:right">Longinus, Longanus, Ginus, Gin</font><br>
<font style="float:left"><b>Age</b></font> <font style="float:right">31</font><br>
<font style="float:left"><b>Height</b></font> <font style="float:right">6'7"</font><br>
<font style="float:left"><b>Build</b></font> <font style="float:right"><a target="_blank" href="https://i.imgur.com/qwerTS7.jpg">Lean, Muscular </a></font><br>
<font style="float:left"><b>Eyes</b></font> <font style="float:right">Golden</font><br>
<font style="float:left"><b>Gender</b></font> <font style="float:right">Male</font><br>
<font style="float:left"><b>Sexuality</b></font> <font style="float:right">Heterosexual</font><br>
<font style="float:left"><b>Profession</b></font> <font style="float:right">Retired Soldier/Mercenary</font><br>
<font style="float:left"><b>Title</b></font> <font style="float:right">Guardian</font><br>
<font style="float:left"><b>Religion</b></font> <font style="float:right">Begrudgingly Christian</font><br><br>
<h2>A Welcomed Sin</h2><br>

</div>
<div id="box2"><h2>Out of Prayers</h2> <br>
00 This profile was coded by me, <a href="">Hound of Tindalos </a> inquire here or send an rpc mail to the aforementioned account for commission inquiries and prices.<br>
01 Huge shout out to <a target="_blank" href="https://roleplay.chat/profile.php?user=Stan">Stan</a> for inspiring some of this profile's design.<br>
02 PM friendly to an extent.<br>
03 Biblical mythos character, lore applies.<br>
04 Open to more modern-oriented plays, fantasy applies. Open to discussion. Darker themes preferred. <br>
05 Clean RP takes priority, still smut friendly.
</div>
<div id="longinus"></div>
<div id="cross"></div>