#24  使用ソフト・言語のセクション【ポートフォリオ作成】

<!-- 使用ソフト・言語 -->
<div class="skill">
    <h3 class="skill__headline">使用ソフト・言語</h3>
    <ul class="skill__list">
        <li><img class="skill__icon" src="img/skill__icon-ai.png" alt="Illustratorのアイコン">Illustrator</li>
        <li><img class="skill__icon" src="img/skill__icon-ps.png" alt="Photoshopのアイコン">Photoshop</li>
        <li><img class="skill__icon" src="img/skill__icon-xd.png" alt="Adobe XDのアイコン">Adobe XD</li>
        <li><img class="skill__icon" src="img/skill__icon-html.png" alt="HTML5のアイコン">HTML5</li>
        <li><img class="skill__icon" src="img/skill__icon-css.png" alt="CSS3のアイコン">CSS3</li>
    </ul>
</div>
<!-- /使用ソフト・言語 -->

/* ===========================

使用ソフト・言語

=========================== */

.skill {
  padding: 50px 0;
  background-color: #000000;
}

.skill__headline {
  margin-bottom: 40px;
  color: #ffffff;
  font-weight: 700;
  font-size: 24px;
  text-align: center;
}

.skill__list {
  display: flex;
  justify-content: center;
}

.skill__list li {
  display: flex;
  align-items: center;
  margin: 0 30px;
  color: #ffffff;
  font-weight: 700;
  font-size: 16px;
  font-family: "Montserrat";
}

.skill__icon {
  margin-right: 20px;
}