.box{position:fixed;
   width:700px;
   height:500px;
   overflow-y:scroll;
   overflow-x: hidden;
   left:50%;
   margin-left:-350px;
   top:50%;
   margin-top:-250px }

   /* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fcd5ed;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ff8bcb;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #fa89c2;
}

.header { padding: 60px;
  text-align: center;
  background: url(images/ruru3.jpg);
  color: white;
  font-size: 30px;
  height: 100px;

  
}

.nav{background-image: url(images/blue3.png);
  background-color: rgb(205, 241, 251);
  opacity: 50%;
overflow: hidden;
font-family: 'Courier New', Courier, monospace;}

.nav a {
  float: left;
  color: #f975ac;
  text-align: center;
  padding: 12px 14px;
  text-decoration: none;
  font-size: 20px;
}

.nav a:hover {

  color: rgb(254, 56, 191);
}


main {
    color:rgb(253, 105, 177);
    background-image: url(images/graph2.jpg);
     width: 700px;
  height: 500px;
}

.posts{  width:500px;
  background-color:rgb(255, 232, 244);
  padding:10px;
  margin-bottom:30px;
  position: relative;
}

footer{background-image: url(images/blue3.png);
  background-color: rgb(205, 241, 251);
  opacity: 50%;}