body {
    background-color: #D5E6F7;
    overflow:contain;
}
p {padding:0px 3px;
 font-size:0.99em;
 margin:0px;
}
dl {padding:0px 3px;}

      /*definitions*/
.center{
  justify-content: center;
  align-content: center;
  max-height: 85%;
  max-width: 90%;
  margin: auto;
}
/*defines banner*/
.banner {
  background: #a187a1;
  border-radius: 5px;
  border: 2px solid #c5aac5;
  box-shadow: 2px 2px #6e556e;
  font-size:2.4em;
  color:white;
  text-align: center;
  font-weight: bold;
  overflow: hidden;
}

.scroll{
height: 50em;
  overflow: scroll;
  border-radius: 5px;
}

/*Defines Post*/
.post{ 
  height:auto;
  margin-bottom:10px;
            /*making it pretty*/
  background: #F7D5E6;
  border-radius: 5px;
  border: 2px solid #c5aac5;
  box-shadow: 3px 3px #6e556e;
}

  .post img{
  max-width:100%;
  padding:4px;
  height:auto;
}

/*title box stuff goes here*/
.title {
  background: #a187a1;
  color: white;
  font-weight: bold;
  padding: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  overflow:hidden;
  font-size:1.05em;
  }
  
.x {
  float: right;
  margin-right: 5px;
  font-family: "Arial", sans-serif;
  line-height: 12px;
  overflow:hidden;
  }
  
a:hover {
  background-color: floralwhite;
  font-size: 16px;
}