len!

$(document).ready(function() {
        // Tooltip only Text
        $('.masterTooltip').hover(function(){
             // Hover over code
                var title = $(this).attr('title');
                $(this).data('tipText', title).removeAttr('title');
                $('<p class="tooltip"></p>')
                .text(title)
                .appendTo('body')
                .fadeIn('slow');
        }, function() {
            // Hover out code
                $(this).attr('title', $(this).data('tipText'));
                $('.tooltip').remove();
        }).mousemove(function(e) {
                var mousex = e.pageX + 20; //Get X coordinates
                var mousey = e.pageY + 10; //Get Y coordinates
                $('.tooltip')
                .css({ top: mousey, left: mousex })
        });
});

document.addEventListener('contextmenu', (e) => e.preventDefault());



----------------------------------------------------------------------------------------------------------




@font-face {
 font-family: "Thanks";
 src: url('https://dl.dropboxusercontent.com/scl/fi/mobt9kdasdjwqssdd7d24/SDGlitch_Demo.ttf?rlkey=4rk9dfvt4tgvxf3d19atx00ky&dl=0');
 format("truetype");
}

@font-face {
 font-family: "Text";
 src: url('https://dl.dropboxusercontent.com/s/tyv24qkkdt22azq/A_little_sunshine%5B1%5D.ttf?dl=0');
 format("truetype");
}

body{
background-color: #3399FF;
background-image: url("https://www.transparenttextures.com/patterns/wet-snow.png");
cursor: url(https://cur.cursors-4u.net/symbols/sym-7/sym631.ani), url(https://cur.cursors-4u.net/symbols/sym-7/sym631.png), auto;
overflow: hidden;
}

a{
cursor: url(https://cur.cursors-4u.net/symbols/sym-7/sym631.ani), url(https://cur.cursors-4u.net/symbols/sym-7/sym631.png), auto;
}

hr {
	border:0;
	margin-bottom:5px;
	width:90%;
	height:1px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background-color:#338FCE;
	}


::-webkit-scrollbar {display: none}

.art img {
top: 20px;
left: 150px;
 position: absolute;
 height: 400px;
width:370px;
z-index:1;
border-style:double;
border-width:5px;
border-color:#B2E0FF;
border-radius: 20px;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
object-fit: cover;
}

.gif img {
top: 220px;
left: -10px;
 position: absolute;
 height: 200px;
width:200px;
z-index:6;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.gif2 img {
top: 112px;
left: 800px;
 position: absolute;
 height: 190px;
width:200px;
z-index:6;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.border img {
top: 400px;
left: 0px;
 position: absolute;
 height: 75px;
width:580px;
z-index:2000;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.border2 img {
top: 400px;
left: 580px;
 position: absolute;
 height: 75px;
width:580px;
z-index:6;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.border3 img {
top: 400px;
left: 1160px;
 position: absolute;
 height: 75px;
width:580px;
z-index:6;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.border4 img {
top: 400px;
left: 1740px;
 position: absolute;
 height: 75px;
width:580px;
z-index:6;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.title{
background: url('https://i.pinimg.com/originals/7f/63/d1/7f63d1a4a44ffb62ea11a18b3856aa8c.gif') 0px 0px no-repeat;
 filter: drop-shadow(1vh .4vh 0vh #FFF);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 750px;
font-family: 'Thanks';
font-size:150px;
font-weight:bold;
width: 1800px;
top:260px;
left:550px;
text-align:left;
position:absolute;
pointer-events: none;
z-index:2;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


#box1, #box2 {
background-color:#FFF2CF;
background-image:url('https://www.transparenttextures.com/patterns/ag-square.png');
	height:450px;
	width:350px;
	left:150px;
	top:430px;
margin:auto;
border-style:double;
border-width:5px;
border-color:#B2E0FF;
border-radius: 30px;
font-family: 'Text';
font-weight: bold;
font-size:15px;
text-align: center;
color:#338FCE;
line-height: 35px;
letter-spacing: 3px;
padding: 10px;
overflow: auto;
pointer-events: cursor;
	position:absolute;
z-index: 3;
	}

#box1:target, #box2:target{
overflow:auto;
transition:all .9s ease-in-out;
-webkit-transition:all .9s ease-in-out;
-o-transition:all .9s ease-in-out;
-moz-transition:all .9s ease-in-out;
z-index:1000;}


.tooltip {
 display:none;
 position:absolute;
 max-width: 400px;
 border: 1px solid #00aaff;
 background: #fff;
 font-family: 'Red Hat Display';
 font-size: 10px;
 color: #212121;
 letter-spacing: 1px;
 border: 1px solid #ffcccc;
 padding: 10px;
 z-index: 1001;
}



 .pic{ border: 1px solid #CB9E68; width: 60px; height: 60px; margin-bottom: 10px; margin-top: 10px; margin-right: 2px; margin-left: 2px; border-radius: 360px; pointer-events: cursor; cursor: auto; }

.credit {
 position:absolute;
	left:1050px;
	top:530px;
 height:45px;
 width:45px;
 padding:0vh;
 background-image: url('https://i.imgur.com/dbEQPLZ.png');
 background-position: center;
 background-size: cover
}


.navi{position: absolute;
	left:75px;
	top:500px;
width:300px;
z-index: 5;
}
.navi a{background: -webkit-linear-gradient(#FFF, #FFF, #FFF, #FFF);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: Trebuchet MS;
font-size: 45px;
overflow: hidden;
-webkit-transition:all .7s ease-in-out;
-o-transition:all .7s ease-in-out;
-moz-transition:all .7s ease-in-out;
display: inline-block;
z-index: 5;
letter-spacing: 10px;
}






--------------------------------------------------------------------------------------------------------------


<div class="art">
<img src="https://i.imgur.com/Jte0Zk7.jpg">
</div>

<div class ="gif">
<img src="https://i.imgur.com/ZV69I4r.gif">
</div>


<div class ="border">
<img src="https://i.imgur.com/VnzgUfs.png">
</div>

<div class ="border2">
<img src="https://i.imgur.com/VnzgUfs.png">
</div>

<div class ="border3">
<img src="https://i.imgur.com/VnzgUfs.png">
</div>

<div class ="border4">
<img src="https://i.imgur.com/VnzgUfs.png">
</div>

<div class="title">KAGAMINE LEN</div>

<div class="navi">
<a class="linked" href="#box1"><img src="https://i.imgur.com/KVg1b2X.png"></a><br><br>
<a class="linked" href="#box2"><img src="https://i.imgur.com/KVg1b2X.png"></a>
</div>

<div id="box2">
<br>
- vocaloid oldhead, only know the old stuff.<br>
- slice of life all the way.<br>
- i have my ship of choice but i'm open minded. don't be shy!<br>
- this is a <a target="_blank" href="https://roleplay.chat/profile.php?user=moonstone">moonstone</a> profile! don't touch the code!
</div>

<div id="box1">
<br>
<font style=float:left><b>NAME:</b></font> <font style=float:right>Kagamine Len</font><br>
<font style=float:left><b>NICKNAMES:</b></font> <font style=float:right>Len, 02</font><br>
<font style=float:left><b>PRONOUNS:</b></font> <font style=float:right>He/Him</font><br>
<font style=float:left><b>AGE:</b></font> <font style=float:right>18</font><br>
<font style=float:left><b>HEIGHT:</b></font> <font style=float:right>5'4"</font><br>
<font style=float:left><b>STATUS:</b></font> <font style=float:right>Single</font><br><hr>

this box scrolls!<br>
~ known for his <u>absurdly high male vocal range</u> and <u>growl</u> (which he learned from teto). <br>
~ keeps to himself. considerate, chill, <u>not a big fan of publicity.</u><br>
~ pretends to be energetic and childish <s>(like he used to be)</s> for media. <u>dislikes</u> being treated like a kid.<br>
~ genuine music fan. <u>acoustic covers are his favorite</u>, followed by electronic, rock and alt/indie. not a fan of forgettable pop songs.<br>
~ hobbies include guitar, drumming, photography, producing beats, and some dj-ing. piano novice.<br>
~ pretty jaded and unsocial compared to the other VOCALOIDs, but still dedicated to the group. protective of his little sister.
</div>