/* SNSアイコン */
.sns-icons {
  display: flex;
  flex-direction: row;
  gap: 20px;

  margin-top: 20px;
}

/* SNSアイコン */
.sns-icon {
  width: 45px;
  height: 45px;

  display: flex;
  justify-content: center;
  align-items: center;

  /* 四角い背景 */
  background-color: #ffffff;

  /* 角を丸くする */
  border-radius: 12px;

  /* 影 */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

  text-decoration: none;

  font-size: 28px;

  transition:
    transform 0.2s ease,
    opacity 0.2s ease;
}

/* ホバー */
.sns-icon:hover {
  transform: scale(1.15);
  opacity: 0.7;
}

/* Twitter */
.twitter {
  color: #1da1f2;
}

/* GitHub */
.github {
  color: #333333;
}

/* Discord */
.discord {
  color: #5865f2;
}