body{
  background-image: url("../pictures/background.gif");
  background-size: 1440px 1000px;
  background-position: center top;
  /* background-color: #201105; */
}

.blogsContent{
    background-color: rgba(172, 89, 16,0.7);
    width: 800px;
    height: auto;
    display: block;
    padding: 5px;
    border: 3px dotted #fb9d6a;
    text-align: center;
    margin: 0 auto;
    color: white;
}

.blogsContent p{
    font-size: 18px;
    text-align: left;
}

.blogDate{
    color: #abffd8;
}

.center{
    width: 1000px;
    height: auto;
}

.blogTitle{

    /* Thanks to https://codepen.io/benknight/pen/zxxeay for the code*/
    display: flex;
    align-items: center;
    margin: 1em -1em;
  
    &:before,
    &:after {
        content: "";
        flex: 1;
        height: 1px;
        margin: 0 1em;
        height: 10px;
        /* -webkit-filter: blur(1.5px); */
        border-radius: 10px;
    }

    &:before {
      background: linear-gradient(to right, #f0ffa3, #3cfbe1);
    }
    
    &:after {
      background: linear-gradient(to left, #f0ffa3, #3cfbe1);
    }
}

.final{
    font-size: 28px;
    color: #b0ffeb;
}

.back{
    background-color: rgba(240, 176, 27, 0.72);
    width: 300px;
    height: auto;
    padding: 2px;
    margin: 20px auto 0px;
    border: 8px double rgb(238, 143, 58);
    border-radius: 5px;
    text-align: center;
    /* flex: auto; */
}

.back a{
    background: linear-gradient(to right, #42ff5b, #5fffd6);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-decoration: none;
    font-size: 25px;
}