Css For middle Box

  #profile-container {
     background: none;
   }

   body {
background: #222;
 background-image: url(http://www.technocrazed.com/wp-content/uploads/2015/12/black-wallpaper-to-set-as-background-23.jpg);
background-attachment:fixed;
background-size:100% 100%;
background-repeat:no-repeat:

   }

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


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

   .pic {
     position: absolute;
     z-index: 2;
     width: 170px;
     height: 170px;
     background: url(https://68.media.tumblr.com/918a08aa7e08e12dd473b4429b95b10c/tumblr_ov965754n21uwii4ro1_500.gif);
     background-size: 150%;
     left: 285px;
     top: 235px;
   }

   .box1 {
     position: absolute;
     z-index: 1;
     overflow: auto;
     border: none;
     background: #000;
     width: 190px;
     height: 380px;
     left: 70px;
     top: 20px;
     padding: 5px;
   }

   .info1 {
     position: absolute;
     z-index: 2;
     overflow: auto;
     border: none;
     background: #000;
     font-family: text;
     font-size: 12px;
     color: #aaa;
     width: 190px;
     height: 380px;
     left: 70px;
     top: 20px;
     padding: 5px;
     opacity: 0;
     -webkit-transition: all .5s ease;
   }

   .info1:hover {
     opacity: 1;
     -webkit-transition: all .5s ease;
   }

   .box2 {
     position: absolute;
     z-index: 1;
     overflow: auto;
     border: none;
     background: #000;
     width: 380px;
     height: 190px;
     left: 280px;
     top: 20px;
     padding: 5px;
   }

   .info2 {
     position: absolute;
     z-index: 2;
     overflow: auto;
     border: none;
     background: #000;
     font-family: text;
     font-size: 12px;
     color: #fff;
     width: 380px;
     height: 190px;
     left: 280px;
     top: 20px;
     padding: 5px;
     opacity: 0;
     -webkit-transition: all .5s ease;
   }

   .info2:hover {
     opacity: 1;
     -webkit-transition: all .5s ease;
   }

   .box3 {
     position: absolute;
     z-index: 2;
     overflow: auto;
     border: none;
     background: #000;
     width: 190px;
     height: 380px;
     left: 470px;
     top: 230px;
     padding: 5px;
   }

   .info3 {
     position: absolute;
     z-index: 2;
     overflow: auto;
     border: none;
     background: #000;
     font-family: text;
     font-size: 12px;
     color: #fff;
     width: 190px;
     height: 380px;
     left: 470px;
     top: 230px;
     padding: 5px;
     opacity: 0;
     -webkit-transition: all .5s ease;
   }

   .info3:hover {
     opacity: 1;
     -webkit-transition: all .5s ease;
   }

   .box4 {
     position: absolute;
     z-index: 2;
     overflow: auto;
     border: none;
     background: #000;
     font-family: text;
     font-size: 12px;
     color: #aaa;
     width: 380px;
     height: 190px;
     left: 70px;
     top: 420px;
     padding: 5px;
   }

   .info4 {
     position: absolute;
     z-index: 2;
     overflow: auto;
     border: none;
     background: #000;
     font-family: text;
     font-size: 12px;
     color: #aaa;
     width: 380px;
     height: 190px;
     left: 70px;
     top: 420px;
     padding: 5px;
     opacity: 0;
     -webkit-transition: all .5s ease;
   }

   .info4:hover {
     opacity: 1;
     -webkit-transition: all .5s ease;
   }

   .smolbox {
     position: absolute;
     z-index: 1;
     width: 180px;
     height: 180px;
     background: #000;
     left: 280px;
     top: 230px;
   }

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

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

   ::-webkit-scrollbar {
     display: none;
   }

   hr {
     border: dotted;
     height: 1px;
     background: -webkit-linear-gradient(left, #000, #fff, #000);
   }

   .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;
   }