section.skill{
  position: relative;
  padding: 40px 30px;
  background: var(--main-color);
  border-radius: 0 0 30px 30px;
  color: #fff;
}

section.skill h2{
  color: #fff;

}

section.skill .triangle{
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-top-color: var(--mid-color);
}

section.skill ul li{
  margin: 20px 0;
}

section.skill ul li a{
  display: flex;
  align-items: center;

}
section.skill ul li a i{
  transition: all .5s;
}

section.skill ul li a:hover{
  color: rgb(102, 125, 255);
}

section.skill ul li img{
  width: 40px;
  margin-right: 20px;
}

section.skill ul li i{
  margin-right: 5px;
}