.about-header {
  background: #383838;
  background-image: linear-gradient(-90deg, rgba(145, 146, 143, 0.1), rgba(0, 0, 0, 0.8));
  color: white;
  padding: 6px 0 6px 6px;
  margin:0;
  text-shadow: 3px 3px 7px black;

}

.about-hr {
  margin:0;
  padding: 0; 
  color: black;
}

.background {
  background: #d6d6d6;
  padding: 0 6px 3px 6px;
}

.gradient {
  border: 2px solid red;
  border-radius:50%;
  height: 200px;
  background-image: linear-gradient(linear, left bottom, left top, color-stop(0.33, rgb(14,173,173)), color-stop(0.67, rgb(0,255,255)));
  background-image: -moz-linear-gradient(center bottom, rgb(14,173,173) 33%, rgb(0,255,255) 67% );
  }

.circle {
  border:5px solid red; 
  background: linear-gradient(linear, left bottom, left top, 0deg(0.33, rgb(14,173,173)), 0deg(0.67, rgb(0,255,255)));
  
  height:100px;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  width:100px;
  padding-left:30px;
}