font-awesomeの色が紫色に勝手になってしまう件について

### 前提・実現したいこと

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

初めまして、cssで先程font-awesomeの色を白色に指定していたのですが気づいたら紫になってしまっていてどうやったら治るか教えて頂きたいです。

エラーメッセージ![イメージ説明](2c4df41fd7046072320ca38819e0866d.png)

該当のソースコード

ソースコード　![![イメージ説明](4794a6fceb57901a3c2644427ea92cce.png)](35bf96907a56e0ec26fed5b17e56c3ee.png)


cssになりますが貼らせていただきます。
!

貼れてないですかね・・・どうやったらはれるんでしょうか画像の挿入から推してるんですけど；；[イメージ説明]

.icons{
    display:flex;
    width: 500px;
    margin:0 auto;
    text-align: center;
}

.icons li{
    list-style: none;
    padding:0 20px;
    display: block;
    margin: 0 auto;
}


  .icons li {
    border-radius: 2px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
    width:80px;
 }
 

 .icons a{
    display: inline-block;
  
}
 .icons a{
   padding:0 10px;
 }

   .icons li a:hover{
    color: #fff;
  }


  .instagram:hover { 
    background: linear-gradient(to right, #5478f2 0%, #f23f79 80%, orange 100%);
    transition: 0.3s;
}
.twitter:hover { 
    background-color: #55acee; 
    transition: 0.3s;
     }
.gmail:hover{ 
    background-color: #FF773E; 
    transition: 0.3s;
}


### 試したこと

ここに問題に対して試したことを記載してください。

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

tmsw

2021/05/26 12:53

紫っぽい色が#f23f79しかないので何となく分かりましたが画像が貼れてないです。 ```css コード ```` の下に画像は貼ってください。

退会済みユーザー

2021/05/26 12:54

分かりましたすこしおまちください

tmsw

2021/05/26 13:01

ソースコードの所に貼ってしまうから見えないのです。 ```css コード ```` の上下の行にカーソルをやって画像の貼り付けをしてください

退会済みユーザー

2021/05/26 13:07

腫れましたすみません！

tmsw

2021/05/26 13:13

間違いなく該当ソース外のソースコードによる不具合です。他に気づくまでに弄ったソースコード等はありませんでしたか？

tmsw

2021/05/26 13:16

補足ですが何故該当ソース外のソースコードの不具合だと言い切れるかと言うと画像のアイコンの色である#542188もその近辺の色も指定されてないからです。つまる所、どこかを#542188の色、もしくはその近辺の色にしてあるはずでその付近が不具合の原因と考えています。

退会済みユーザー

2021/05/26 13:22

ちょっと難しくていわれてもモヤモヤしているのですが見たいソースコードとかはないでしょうか。。。あまり近辺のカラーコードはいじってないと思います・・・

tmsw

2021/05/26 13:28

色を弄った所や親要素が同じ子要素のプロパティを弄ったりしませんでしたか？

退会済みユーザー

2021/05/26 13:30

ごめんなさいあんまり覚えてないです… いじったとしたらブロック要素とかを幅かえたりとかだったかもです

tmsw

2021/05/26 13:38

分からないですね... サイトのURLを張っていただいたりはできませんか？

tmsw

2021/05/26 13:49

githubじゃなくてもソースが見れれば何でも大丈夫ですよ。宜しくお願いします。

退会済みユーザー

2021/05/26 13:54

長くなりますが送りますね。 html　一部分 <div class="portfolio"> <a href="#"> <img src="images/ポートフォリオ２.png" alt="ポートフォリオ2作品目です"> <div class="mask1"></div> <div class="mask2"></div> <div class="caption"> <p> 【Category】オリジナル作品 <br> <br> 【Title】ブログ型サイト <br> <br> 【Skill】HTML,CSS,JQuery <br> <br> 【Detail】ブログサイトにて「情報発信」や「集客」が可能です。 </p> </div> </div> </a>

退会済みユーザー

2021/05/26 13:56

cssはこちらになります .contact-wrapper{ padding-bottom:100px; } .contact-text{ font-size:20px; text-align: center; padding-bottom:60px; } .icons{ display:flex; width: 500px; margin:0 auto; text-align: center; } .icons li{ list-style: none; padding:0 20px; display: block; margin: 0 auto; } .icons li { border-radius: 2px; -webkit-transition: all .3s ease; transition: all .3s ease; text-align: center; width:80px; } .icons a{ display: inline-block; } .icons a{ padding:0 10px; } .icons li a:hover{ color: #fff; } .instagram:hover { background: linear-gradient(to right, #5478f2 0%, #f23f79 80%, orange 100%); transition: 0.3s; } .twitter:hover { background-color: #55acee; transition: 0.3s; } .gmail:hover{ background-color: #FF773E; transition: 0.3s; }

退会済みユーザー

2021/05/26 14:04

長文連続でお見せしてすみません；；

tmsw

2021/05/26 14:35

全く長文とは思わないのですが現状だとこれ以上探しようがないので、テストで公開して再度質問された方が良いかと思います。