.under{
background: #191919;
background: linear-gradient(180deg, rgba(25, 25, 25, 1) 50%, rgba(60, 180, 76, 1) 51%, rgba(60, 180, 76, 1) 51%);}

.underline {
  text-decoration: none;
  display: inline-block;
  padding: 5px 1px;
  position: relative;
}
.underline:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #fff;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.underline:hover:after { 
  width: 100%; 
  left: 0;}
.underline:active {
  /*background-color: red;*/
  color:#3cb44c;
}
.button-1 {
  cursor: pointer;
  border: 1px solid #191919;
  border-radius: 5px;
}
.button-1:hover {
    border: 1px solid #3cb44c;
    
}
.button-1:active {
  background-color: #3cb44c;
  color:white;
}

.d_button:hover{
    background:#3cb44c;
    color:white;
    border-color:#3cb44c;
}
.d_button:active{
    transform: scale(0.96);
}

/* svg icons at the bottom of the page */
.social-icon:hover path:first-child {
  fill: #3cb44c;
}
.social-icon:hover path:last-child {
   fill: #3cb44c;
}
.social-icon:hover path,
  .social-icon:hover rect {
    fill: #3cb44c; /* LinkedIn Blue */
  }