Tsunade Code (Completed)

<style type="text/css">

@import url('https://fonts.googleapis.com/css?family=Bebas Neue|Piedra|Philosopher');
*{cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto !important;}

Body {
background: rgb(38,133,119);
background: -moz-linear-gradient(0deg, rgba(38,133,119,1) 0%, rgba(147,194,187,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(38,133,119,1) 0%, rgba(147,194,187,1) 100%);
background: linear-gradient(0deg, rgba(38,133,119,1) 0%, rgba(147,194,187,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#268577",endColorstr="#93c2bb",GradientType=1);
background-repeat: repeat;
background-attachment: fixed;
background-position: center center;
overflow:hidden;
}

::-moz-selection {
color: #f4eefa;
background: #d7f6f9;
}

::selection {
color: #f4eefa;
background: #a8b6e0;
}

::-webkit-scrollbar {
width: 1px;
height: 1px;
}

::-webkit-scrollbar-thumb:vertical {
background-color: #268577;
border: 1px solid #268577;
}

b, strong {color: #2d4c6c; font-size:15px;}


h1 {
font-family: 'Philosopher';
font-size: 1.45vw;
color: #fefff1;
text-transform: None;
letter-spacing: 0.10vw;
background-color: #2d4c6c;
text-align: center;
line-height: 1.05vw;
margin: 6px;
}

a:active, a:link, a:visited {
color: #2d4c6c;
text-decoration: underline;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}

a:hover {
color: #ffffff;
-moz-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto !important;
}

.overlay{
background:url(https://www.transparenttextures.com/patterns/assault.png)repeat;
background-position: center center;
opacity:0.4;
z-index:-1;
height:100%;
width:100%;
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
}

.container {
background-color: #268577;
background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
position: absolute;
top: 2.9vw;
left: 18.7vw;
width: 76.4vw;
height: 41.0vw;
border: 3px solid #17363e;
padding: 1.28vw;
}

.Tsunade {
position: absolute;
top: 3.2vw;
left: 0.7vw;
height: 44.9vw;
width: 59.8vw;
background-image: url("https://i.imgur.com/cz6byUX.png");
-webkit-filter: drop-shadow(0.2vw 0vw 0.4vw #fff);
background-size: cover;
background-position: center center;
overflow: hidden;
z-index: 2;
}

.stats {
background-color: #268577;
position: absolute;
top: 10vw;
left: 58.5vw;
height: 27.9vw;
width: 34.8vw;
overflow: auto;
border: 3px solid #17363e;
text-align: justify;
font-size: 1.3vw;
font-family: 'Bebas Neue';
color: #fefff1;
line-height: 1.5vw;
padding: 1vw;
z-index: 10;
}

.info {
background-color: #268577;
position: absolute;
top: 10vw;
left: 58.5vw;
height: 27.9vw;
width: 34.8vw;
overflow: auto;
border: 3px solid #17363e;
text-align: justify;
font-size: 1.3vw;
font-family: 'Bebas Neue';
color: #fefff1;
line-height: 1.5vw;
padding: 1vw;
z-index: -1;
opacity: 0;
}

.info:target{
z-index: 10;
opacity: 1;
}


.tab1 {
z-index:60;
position: absolute;
top: 7.7vw;
left: 58.5vw;
width: 68;
height: 15;
background-color: #268577;
border: 2px solid #17363e;
}

.tab2 {
z-index:60;
position: absolute;
top: 7.7vw;
left: 66.7vw;
width: 68;
height: 15;
background-color: #268577;
border: 2px solid #17363e;
}

.tab3 {
z-index:60;
position: absolute;
top: 7.7vw;
left: 74.6vw;
width: 68;
height: 15;
background-color: #268577;
border: 2px solid #17363e;
}

.tab4 {
z-index:60;
position: absolute;
top: 7.7vw;
left: 82.6vw;
width: 68;
height: 15;
background-color: #268577;
border: 2px solid #17363e;
}

.tab5 {
z-index:60;
position: absolute;
top: 7.7vw;
left: 90.2vw;
width: 68;
height: 15;
background-color: #268577;
border: 2px solid #17363e;
}


.quote {
position:fixed;
top: 39.6vw;
left: 57.5vw;
text-align: left;
font-family: 'Piedra';
letter-spacing: 0.2vw;
background: URL("https://i.gifer.com/Btcf.gif");
background-position: center center;
background-size: auto;
z-index: 2;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-stroke: 2px #2d4c6c;
font-size: 6.8vw;
text-align: center;
}


</style>

<body oncontextmenu="return false;">

<div class="Quote">Lady Tsunade</div>

<a href="#1"><div class="tab1"></div></a>
<a href="#2"><div class="tab2"></div></a>
<a href="#3"><div class="tab3"></div></a>
<a href="#4"><div class="tab4"></div></a>
<a href="#5"><div class="tab5"></div></a>

<div class="Container"></div>
<div class="Tsunade"></div>

<div class="overlay"></div>

<div class="stats">
<h1>Statistics</h1>
Given Name: <font style=float:right>Tsunade</font><br>
Kanji: <font style=float:right>綱手</font><br>
Nickname: <font style=float:right>Tsunade-hime or Princess</font><br>
Age: <font style=float:right>Unknown</font><br>
Gender: <font style=float:right>Female</font><br>
Species: <font style=float:right>Humanoid</font><br>
Date of Birth: <font style=float:right>August 2nd</font><br>
Place of Birth: <font style=float:right>Konohagakure</font><br>
Classification: <font style=float:right>Medical-nin | Sannin</font><br>
Orientation: <font style=float:right>Heterosexual</font><br>
Martial Status: <font style=float:right>Single</font><br>
Alignment: <font style=float:right>Good</font><br>
Affiliation: <font style=float:right>Konohagakure | Shikkotsu Forest | Allied Forces</font><br>
Former: <font style=float:right>Team Hiruzen</font><br>
Clan: <font style=float:right>Senju</font><br>
<h1>Appearance</h1>
Hair Color: <font style=float:right>Blonde</font><br>
Hair style: <font style=float:right>Straight with Shoulder-Length Bangs</font><br>
Eye Color: <font style=float:right>Honey Brown</font><br>
Skin tone: <font style=float:right>Fair</font><br>
Skin Complexion: <font style=float:right>Normal</font><br>
<B>Height:</B> <font style=float:right>163 cm / 5'3</font><br>
<B>Body Type:</B> <font style=float:right>Curvaceous</font><br>
<B>Blood Type:</B> <font style=float:right>B</font><br>
<B>Natural Scent:</B> <font style=float:right>Vanilla</font><br>
</div>

<div id="1" class="info">
<h1>Headcanons</h1>
testing! one, two, three!
</div>

<div id="2" class="info">
<h1>Powers and Skills</h1>
testing! one, two, three!
</div>

<div id="3" class="info">
<h1>Connections</h1>
testing! one, two, three!
</div>

<div id="4" class="info">
<h1>Out of Ninja</h1>
Disclaimer: This code was commissioned by <a target="_blank" href="https://roleplay.chat/profile.php?user=White+Dove">White Dove</a> for <a target="_blank" href="https://roleplay.chat/profile.php?user=a tsunade">a tsunade</a> to use only. Shoot her a dm or leave her mail if offline in regards to commission inquiries! The friends code of this layout belongs to <a target="_blank" href="https://roleplay.chat/profile.php?user=Knight">Knight</a>.
<br><br>
</div>