bramble

<style type="text/css">

@import url('https://fonts.googleapis.com/css?family=Calligraffitti|IM+Fell+Great+Primer+SC|Inconsolata|Jim+Nightshade|Megrim|Nova+Slim|UnifrakturCook:700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Alegreya+SC|Bahianita|Cabin+Sketch|Cormorant+Garamond|EB+Garamond|El+Messiri|Exo|Marck+Script|Merienda|Ovo|Sawarabi+Mincho|Scheherazade&display=swap');
@import url('https://fonts.googleapis.com/css?family=Akronim|Averia+Gruesa+Libre|Frijole|Julee|Mate+SC|Milonga|Montserrat+Subrayada:400,700|Redressed|Sumana|Swanky+and+Moo+Moo&display=swap');

#bitch {
 position:absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}


 ::-webkit-scrollbar {width: 2px;}
::-webkit-scrollbar-thumb:vertical {
height: 5px;background-color:#000;border: 4px solid #111;}
::-webkit-scrollbar-thumb:horizontal {
height: 5px;background-color: #transparent;border: 0px ;width: 15px;}
::-webkit-scrollbar {
width: 4px; height: 5px; background:#3339;}
::-webkit-scrollbar-thumb {
background-color:#transparent; border-radius: 0px;}

body {
 background-color: #000;
 background-image: url('https://i.imgur.com/weQDXME.png');
 background-size: 30%;
 background-position: center bottom;
 background-repeat: repeat;
 background-attachment:fixed;
 overflow: hidden; }

a:link {
 color: #000000;
}

a:visited {
 color: #000000;
}

u {
 text-decoration:none;
 background-image: url('https://i.imgur.com/B2NZIKX.png');
 background-color:#f0aa4f;
 border:1px solid #111;
 border-radius:10%;
	padding:3px;
	color:#111;
	line-height:33px;
	}

#img {
 position:fixed;
	left:60px;
	bottom:-62px;
	z-index:0px;
 }


#title {
	position:absolute;
	color:#ccc;
	text-shadow: 0px 0px 8px #f0aa4f,
	1px 1px 6px #000,
	-1px 1px 0px #000,
	1px -1px 0px #000;
	font-family: 'Akronim', serif;
	font-size:120px;
	text-align:left;
	text-transform:none;
	width:480px;
	left:400px;
	top:-110px;
 transform: rotate(-26deg);
	}

 #title2 {
 position:absolute;
	color:#ccc;
	text-shadow: 0px 0px 5px #f0aa4f,
	1px 1px 6px #000,
	-1px 1px 0px #000,
	1px -1px 0px #000;
	font-family: 'Akronim', serif;
	font-size:70px;
	text-align:left;
	text-transform:none;
	width:480px;
	left:385px;
	top:19px;
 transform: rotate(-26deg);
	}



#stats {
	position:absolute;
	font-family:Frijole;
	font-size:14px;
	text-align:left;
	text-align:center;
	text-transform:none;
 background-color:#transparent;
 width:450px;
 height:200px;
	left:450px;
	bottom:395px;
 transform: rotate(-25deg);
	z-index:0;
 }

 #blocktitlebio {
 position:absolute;
 background-image: url('');
 background-color:#transparent;
 border:0px solid #transparent;
 border-radius:2%;
 padding:4px;
	color:#f0aa4f;
	font-family: 'Frijole', serif;
	font-size:28px;
	text-align:center;
 text-transform:none;
 width:100px;
 left:495px;
	bottom:314px;
 transform: rotate(-0deg);
 z-index:-9;
 }


 #bio {
 position:absolute;
 overflow:auto;
	font-family:Averia Gruesa Libre;
	font-size:15px;
	text-align:left;
	text-align:center;
	text-transform:none;
 background-color:#f0aa47;
 background-image: url('');
 border: 15px solid #111;
 border-radius:2px;
 padding:12px;
 width:300px;
 height:230px;
	left:445px;
	bottom:46px;
 transform: rotate(0deg);
	z-index:-10;
 color:#222e;
 }

 #blocktitleooc {
 position:absolute;
 background-image: url('');
 background-color:#transparent;
 border:0px solid #transparent;
 border-radius:2%;
 padding:4px;
 color:#f0aa4f;
	font-family: 'Frijole', serif;
	font-size:28px;
	text-align:center;
 text-transform:none;
 width:100px;
 left:920px;
	bottom:314px;
 transform: rotate(-0deg);
 z-index:-9;
 }

 #ooc{
 position:absolute;
 overflow:auto;
 font-family:Averia Gruesa Libre;
	font-size:15px;
	text-align:left;
	text-align:center;
	text-transform:none;
 background-color:#f0aa47;
 background-image: url('');
 border: 15px solid #111;
 border-radius:2px;
 padding:12px;
 width:300px;
 height:230px;
	left:795px;
	bottom:46px;
 transform: rotate(0deg);
	z-index:-10;
 color:#222e;
 }

#bar1 {
 position:fixed;
 background-color:#765b;
 background-image: url('https://i.imgur.com/aTniQYF.png');
 background-size: 18%;
 background-position: center bottom;
 background-repeat: repeat;
 border: 45px solid #111;
 border-radius:0%;
 width:200%;
 height:300px;
 right: -500px;
 bottom:-93px;
 z-index:-500;
 transform: rotate(deg);
 }


 </style>
<body>
<div id="bitch" oncontextmenu="return false;">
<div id="img">
<img src="https://i.imgur.com/FKvyWuY.png" height="710">
 <div id="title">
Bramble ;
</div>
 <div id="title2">
 O'Callaghan
</div>
<div id="stats">
<u>24</u>
<u>188cm</u>
<u>92kg</u>
<u><a target="_blank" href="https://i.imgur.com/eZBYeEZ.png"><b>ONI</b></a></u>
<br>
<u>BISEXUAL</u>
<u>FEMALE</u>

<u><a target="_blank" href="https://roleplay.chat/profile.php?user=metahuman"><b>TAKEN</b></a></u>
<br>
<u>UNEMPLOYED</u>
<u>THE LOYALIST</u>
<br>
</div>
<div id="blocktitlebio">BIOGRAPHY</div>
<div id="bio">
 WIP
 <br>
 <br>
 WIP
 <br>
 <br>
 WIP
 <br>
 <br>
 WIP
 <br>
 <br>
WIP
</div>

<div id="blocktitleooc">OOC</div>
<div id="ooc">
 +Hello! PM Friendly <br>
 <br> +Try to start with a post <br>
 <br> +I enjoy all forms of RP <br>
 <br> +Please have a profile with at least an FC <br>
 <br>+Thanks for coming <br><br>



</div>
<div id="bar1"></div>