.about_img {height:30px;
            
            margin-left: 2%;
            margin-top: 5%;
          }

.about_line {margin-left: 1%;
             padding-top: 1%;
             padding-bottom: 1%; 
             border-bottom: solid rgba(0,0,0,0.1) thin;
             
            }





/* knowledge level of programming languages/frameworks/libraries             */
.span_percentage {
                  color: rgba(0,0,0,0);
                  width: 100%;
                  margin-top: 3%; 
                  }


.high  {background-color:rgb(100, 196, 0,1);}       
       

.medium {
        background: 
        linear-gradient(
        90deg,
        rgb(100, 196, 0,1) 50%,
        rgba(100, 196, 0,0.2) 50%);
        }


.low {
      background: 
      linear-gradient(
      90deg,
    rgb(100, 196, 0,1) 30%,
    rgba(100, 196, 0,0.2) 30%);
      }

.medium_plus {
    background: 
    linear-gradient(
    90deg,
  rgb(100, 196, 0,1) 70%,
  rgba(100, 196, 0,0.2) 70%);
}

.medium_minus {
    background: 
    linear-gradient(
    90deg,
  rgb(100, 196, 0,1) 30%,
  rgba(100, 196, 0,0.2) 30%); 
}