Middle Box Put Css Here

<style>
 #profile-container {
 background: none;
}

body {
 background: url(https://cdn.wallpapersafari.com/74/67/G0vIpR.gif);
background-attachment:fixed;
background-size:100% 100%;
background-repeat:no-repeat:
}

body,
a:hover {
 cursor: url(http://31.media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), progress !important;
}

@font-face {
 font-family: text;
 src: url(https://dl.dropbox.com/s/jwlxft6wualrnqw/Quicksand-Regular.ttf?dl=0);
}

.Pic {
 z-index: 10;
 position: absolute;
 top: 160px;
 left: 289px;
 border: 3px solid #0B7700;
 background: url(https://static.zerochan.net/Noiz.%28DMMd%29.full.922580.jpg);
 background-size: auto 100%;
 width: 190px;
 height: 320px;
 padding: 5px;
 color: #000;
}

.Box1 {
 z-index: 9;
 position: absolute;
 top: 150px;
 left: 190px;
 border: 5px solid #000;
 background: #074900;
 width: 830px;
 height: 335px;
 padding: 5px;
 opacity: .3;
}

.Gal1 {
 position: absolute;
 left: 935px;
 top: 160px;
 border: 3px solid #000;
 background-image: url(https://i.imgur.com/UqeFZE3.gif);
 border-radius: 100px;
 width: 90px;
 height: 90px;
 z-index: 10;
 background-size: auto 100%;
 -webkit-transition: all .5s ease;
}

.Gal1:hover {
 -webkit-transition: all .5s ease;
 height: 100px;
 Width: 100px;
 left: 930px;
 top: 155px;
 z-index: 100;
}

.Gal2 {
 position: absolute;
 left: 935px;
 top: 280px;
 border: 3px solid #000;
 background-image: url(http://data.whicdn.com/images/153194560/large.jpg);
 border-radius: 100px;
 width: 90px;
 height: 90px;
 z-index: 10;
 background-size: auto 100%;
 -webkit-transition: all .5s ease;
}

.Gal2:hover {
 -webkit-transition: all .5s ease;
 height: 100px;
 Width: 100px;
 left: 930px;
 top: 280px;
 z-index: 100;
}

.Gal3 {
 position: absolute;
 left: 935px;
 top: 400px;
 border: 3px solid #000;
 background-image: url(http://33.media.tumblr.com/9e5bce215da5189e689f47dc02cc03e5/tumblr_natsyx4el91tsas0no1_250.gif);
 border-radius: 100px;
 width: 90px;
 height: 90px;
 z-index: 10;
 background-size: auto 150%;
 -webkit-transition: all .5s ease;
}

.Gal3:hover {
 -webkit-transition: all .5s ease;
 height: 100px;
 Width: 100px;
 left: 930px;
 top: 390px;
 z-index: 100;
}

.tabs {
 position: absolute;
 margin: 25px 0px;
}

.tab label {
 top: 160px;
 left: 153px;
 float: right;
 height: 25px;
 margin-left: 43px;
 border: 3px solid #000;
 background: #0C8400;
 width: 75px;
 padding: 2px;
 position: relative;
 color: #fff;
 text-align: center;
 font-family: text;
 font-size: 12px;
 z-index: 400;
 -webkit-transition: all .5s ease;
}

table,
th,
td {
 font-family: text;
}

.tab label:hover {
 color: #000;
 border-color: #000;
}

.tab [type=radio] {
 display: none;
}

.content {
 position: absolute;
 top: 160px;
 left: 500px;
 width: 400px;
 height: 265px;
 background: #f1f1f1;
 padding: 10px;
 border: 3px solid #000;
 font-size: 15px;
 color: #4f4f4f;
 font-family: text;
 font-size: 12px;
 overflow: auto;
 z-index: 20;
}

[type=radio]:checked ~ label {
 color: #fff;
 border-color: #043200;
}

[type=radio]:checked ~ label ~ .content {
 z-index: 30;
}

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

::-webkit-scrollbar-thumb {
 -webkit-box-shadow: inset 0 0 6px #000;
}

::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px #111;
}

a:link,
a:visited,
a:active {
 text-decoration: none;
 color: #1b1b1b;
 -webkit-transition: all .5s ease;
}

a:hover {
 color: #4f4f4f;
 -webkit-transition: all .5s ease;
}

.Credit {
 position: fixed;
 right: 50px;
 bottom: 50px;
 width: 20px;
 height: 20px;
 border-radius: 20px;
 border-color: #fff;
 border-style: dotted;
 border-width: 2px;
 background: #000;
 -webkit-transition: all 1s ease;
 .Credit:hover {
 background: #fff;
 border-color: #000;
 }