:root {
    --fs-main-heading: 70px;
    --ff-main-heading: "Roboto, sans-serif";
    --fw-main-heading: 900;
    --lh-main-heading: 77px;
  
    --fs-content: 23px;
    --ff-content: "Titillium Web", sans-serif;
    --fw-content: 400;
    --lh-content: 35px;
    --clr-content: #444444;
  }
  
  body {
    line-height: 1.6;
    
  }
  
  .post-img {
    /* height: 800px; */
    /* overflow: hidden; */
  }
  
  .post-img img {
    /* position: absolute; */
    /* height: 700px; */
    width: 100%;
    border-radius: 20px;
  
    z-index: -1;
    opacity: 0.9;
  }
  .container {
    width: 100%;
  }
  
  .container h1 {
    text-align: center;
    font-size: var(--fs-main-heading);
    font-family: var(--ff-main-heading);
    font-weight: var(--fw-main-heading);
    line-height: var(--lh-main-heading);
    color: red;
  }
  
  .container {
    font-size: var(--fs-content);
    font-weight: var(--fw-content);
    font-family: var(--ff-content);
    line-height: var(--lh-content);
    color: var(--clr-content);
  }
  .main-body {
    position: relative;
  }
  
  .blog-content {
    position: relative;
  }