Untitled

<!DOCTYPE html>
<html>
<style>
/* Last Update: 03/31/18 */

/* PAGE BACKGROUND AND FONT */
body {
background-image: url(https://i.pinimg.com/originals/5d/51/99/5d5199a9cf40991eab4a6edb5db5b097.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
background-size:auto 100%;
background-position:45%;
background-color:#000000;
font-family:Papyrus,'Trade Winds', serif;
font-size:85%;
text-align:center;
}

/* MAIN DISPLAY COLORS */
.color, #navbar a {
background-color:#000000;
border:2px solid #FF0000;
color: #FF0000;
opacity:0;
}
a {
text-decoration:none;
color:#ffffff;
font-weight:bold;
}

/* GOOGLE CHROME SCROLLBARS */
::-webkit-scrollbar {
width:8px;
height:8px;
background-color:#000000;
}
::-webkit-scrollbar-thumb:vertical {
background-color: #FF0000;
}
::-webkit-scrollbar-thumb:horizontal {
background-color: #FF0000;
}

/* CSS MEAT */
#content {
position:fixed;
left:0%;
right:0%;
top:0%;
bottom:0%;
}
#statbox, #infobox, #navbar, #navbar a {
padding:1%;
transition:1.5s;
-o-transition:1.5s;
-moz-transition:1.5s;
-webkit-transition:1.5s;
}
#statbox {
position:fixed;
top:5%;
left:0%;
height:85%;
width:25%;
overflow-y:auto;
}
#infobox {
position:fixed;
top:5%;
right:0%;
height:80%;
width:30%;
}
#navbar {
position:fixed;
top:95%;
right:7.5%;
height:95%;
width:28%;
padding:0%;
}
#content:hover #statbox {
left:2.5%;
opacity:0.9;
}
#content:hover #infobox {
right:2.5%;
opacity:0.9;
}
#content:hover #navbar {
top:92.5%;
}
#content:hover #navbar a {
opacity:0.9;
}
.tab {
height:100%;
width:100%;
overflow-y:auto;
}
#statbox img, #infobox img {
width:100%;
}
#credit {
position:fixed;
height:17px;
right:1%;
bottom:0%;
background-color:#ffffff;
border-radius:5px;