coming out of my cage and i'm doing not fine

/* hi welcome to chili's this is for your <STYLE> box and it is where all the css goodies go ================== */

body {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #989eaa;
    background-position: center;
    background-repeat: repeat;
    overflow: hidden;
    cursor: url(https://i.imgur.com/2inIpFX.png), default;
}

::-moz-selection {
  color: #3D3B48;
  text-shadow: 0 0 0px #000, 2px 2px 2px rgba(0,0,0,..5);

}


::selection {
  color: #E42D63;
  text-shadow: 0 0 0px #000, 2px 2px 2px rgba(0,0,0,.5);

}

u {
    text-decoration: none;
    line-height: 1.4vh;
    color: #191324;
    opacity: .8;
    background-color: #303F58;
    padding: .1vh .15vh .05vh .2vh;
}

b {
    opacity: .95;
    color: #E42D63;
    letter-spacing: .1vh;
}

hr {
    border: 0vh;
    height: .15px;
    background-color: #999;
}

a {
        color: #999;
        text-decoration: none;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        }

a:hover {
    color: #000;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
        }

span {
       color: #999;
        text-decoration: none;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        }

  span:hover {
    color: #000;
    text-shadow: 0 0 5px #000;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
        }

   ::-webkit-scrollbar {
        width: .0vw;
        height: 0vw;
        background:#fff;
        }

::-webkit-scrollbar-thumb {
        background-color:#000;
        -webkit-border-radius: 0vw;
        border-radius: 0vw;
        }


.texi {
    transition: .9s ease-out;
    position: absolute;
    width: 48vh;
    height: 13vh;
    bottom: 5vh;
    left: 98vh;
    opacity: 1;
    background: #transparent;
    color: #2C2221;
    font-family: 'Hubballi', cursive;
    word-wrap: break-word;
    font-size: 3vh;
    overflow: hidden;
    text-align: center;
    text-transform: none;
    z-index: 300000;

}


.wy-tooltip {
    word-wrap: break-word;
	border: .1vh solid #000;
    font-family: 'Hubballi', cursive;
    text-decoration: italic;
    font-size: 2vh;
	color: #e7ecef;
	background: #010001;
  border: .1vh solid #65BD59;
    opacity: .9;
	box-shadow: .3vh .3vh 0vh #47A4AF;
	position: absolute;
	padding: 1vh;
	text-align: center;
        z-index: 1000000000000000000;
}
.wy-hide { display: none; }

/* hi welcome to chili's this is for your <STYLE> box and it is where all the css goodies go ================== */

<!--may this code bless u with many e-tail and btw this is the HTML aka body box -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Hubballi&display=swap" rel="stylesheet">

<img src="https://i.imgur.com/Q7RlVEz.png" style="opacity:1;margin: auto; position: absolute;z-index:56;left:0vh;top:0vh;height:100%;width;80%;"></div>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Hubballi&display=swap" rel="stylesheet">

<img src="https://i.imgur.com/Q7RlVEz.png" style="opacity:1;margin: auto; position: absolute;z-index:56;left:0vh;top:0vh;height:100%;width;80%;"></div>

<center><div class="texi">livia. livy, liv, via. twenties. fashion designer ( formerly ).<br>cute, but <span title="kiss the homies goodnight" class="tooltip"><font color=#e42b62><b>psycho</b></font></span>. proceed with caution.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
 var Delay = 500, ToolTipTimer
 $('.tooltip').hover(function(e){
	var title = $(this).attr('title');
	$(this).data('ToolTipText', title).removeAttr('title');
	$('<div class="wy-tooltip wy-hide"></div>').text(title).appendTo('body');
	ToolTipTimer  = setTimeout(function(e) {
		$('.wy-tooltip').removeClass('wy-hide').fadeIn('fast');
	 },Delay);
 }, function() {
	clearTimeout(ToolTipTimer);
	$(this).attr('title', $(this).data('ToolTipText'));
	$('.wy-tooltip').remove();
 }).mousemove(function(e) {
	var pLeft;
	var pTop;
	var offset = 11;
	var CursorX = e.pageX;
	var CursorY = e.pageY;
	var WindowWidth = $(window).width();
	var WindowHeight = $(window).height();
	var toolTip = $('.wy-tooltip');
	var TTWidth = toolTip.width();
	var TTHeight = toolTip.height();
	if (CursorX-offset >= (WindowWidth/4)*3) {
		pLeft = CursorX - TTWidth - offset;
	} else {
		pLeft = CursorX + offset;
	}
	if (CursorY-offset >= (WindowHeight/4)*5) {
		pTop = CursorY - TTHeight - offset;
	} else {
		pTop = CursorY + offset;
	}
	$('.wy-tooltip').css({ top: pTop, left: pLeft })
 });
});
</script>





<!--may this code bless u with many e-tail and btw this is the HTML aka body box -->