#scrollProgressBar {
    position: fixed;
    top: 50px;
    left: 0;
    height: 4px;
    width: 0%;
  background: rgb(150,0,0);
    z-index: 15;
    transition: width 0.1s ease-out;
  }

.blog h1 {
  font-weight: 800;
font-size:clamp(3rem, 7vw, 6rem);
  background: linear-gradient(37deg, rgb(192, 0, 0) 0%, rgb(255, 0, 76) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.blog h2.heading {
  font-weight: 400;
  font-size: 1.2rem;
  text-transform: none;
  background: rgb(240,240,240);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 1rem;
  line-height:1.5;
}

.blog h2 {
  font-weight: 800;
  font-size: 1.8rem;
  text-transform: uppercase;
  background: linear-gradient(37deg, rgb(192, 0, 0) 0%, rgb(255, 0, 76) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 1rem;
}

.blog .infobar {
    border-bottom:1px solid red;
}

.blog span.tags {
  font-family: "Source code pro";
padding: 2px 6px;
display: inline-block;
    background: rgba(50, 50, 50, 0.6);
    border-radius: 3px;
    margin:0px 7px 0px 0px;
    box-shadow:inset -1px 1px 5px 0 rgba(0,0,0,0.4);
    border: 1px solid rgba(100,100,100,0.5);
    font-size: 10px;
    font-weight:300;
    color: #fff;
    pointer-events: none;
    user-select: none;
}