.header-browser-content {
    background: #384051;
    filter: grayscale(55%);
}
#software{
  width: 70%;
  margin: 40px auto;
}
svg{
  filter:drop-shadow(3px 1px 15px rgba(0, 0, 0, 0.1))
}
#code line{
  opacity:0;
  animation : coding infinite 4s;
}

@keyframes coding{
  0%{
    opacity:0;
    transform:translateX(-100%);
  }
  25%{
    opacity:0;
    transform:translateX(-66%);
  }
  30%{
    opacity:1;
  }
  35%{
    opacity:0.5;
    transform:translateX(0);
  }
  45%{
    opacity:1;
  }
  88%{
    opacity:1;
  }
  94%{
    opacity:0;
  }
  100%{
    opacity:0;
    transform:translateX(0);
  }
}
.cls-1{
  fill:#efefef;
  }
.cls-2{
  fill:#37474f;
  }
.cls-3{
  fill:#384051;
  }
.cls-4{
  fill:#c1272d;
  }
.cls-5{
  fill:#afafaf;
  }
.cls-6{
  fill:#8cc63f;
  }
.cls-10,.cls-7,.cls-8,.cls-9{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:6px;
  }
.cls-7{
  stroke:#00838f;
  }
.cls-8{
  stroke:#bababa;
  }
.cls-9{
  stroke:#ffa726;
  }
.cls-10{
  stroke:#4db6ac;
}