body {
  background-image:url("https://i.pinimg.com/1200x/78/f8/32/78f832d01f20132a005944aee60ee516.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  font-family: Georgia;
}
 h1 {
    padding: 30px;
    margin: 30px 0 0;
    text-align: center;
    background-color:rgb(133, 0, 0);
    color: black;
  }
 p {
    padding: 15px;
    margin: 0;
    background-color:rgb(189, 76, 76);
    color: black;
    text-align: center;
  }

  
  .main {
  padding: 50px;
  margin: 0;
  background-color:rgb(184, 175, 175);
  color: black;
  height: 700px;
  text-align: center;
  

}
.blog {
   overflow: auto;
   width: 600px;
   height: 700px;
  background-color: white;
   color: black;
   border: 5px double black;
   margin-left: auto;
   margin-right: auto;
   }
    .footer { 
   text-align: center;
    background-color:rgb(133, 0, 0);
    color: black;
    padding: 40px;
}
.home-button{
    color: black;
    text-align: center;
  }
  .home-button:visited{
    color: rgb(181, 20, 20)
  }
  .home-button:hover{
    color: rgb(143, 16, 16)
  }
.article-username {
  text-align: left;
  color: black;
  text-decoration: none;
  
}
a{
  text-decoration: none;
  color: black;
}
.article-title {
  color: black;
  font-weight: bold;
}
.split
{
  color: black;
  overflow-x: hidden;
}
.overlay
{
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0px;
}
.cd-img
{
  position: absolute;
  z-index: 20;
  bottom: -50px;
  right: 150px;
}
.post-title
{
text-align: center;
color: black;
}
.post-content{
  text-align: right;
  color: black;
}