googleformを埋め込んだページでfontawesomeのリンクの色を変えたい

googleformを埋め込んだページでfontawesomeのリンクの色を変えたいです。

googleformを埋め込んでいないページでは正常にfontawesomeで作ったホームボタンの色を変えることができるのですが、埋め込んだページは色を指定できないです。

HTML
1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
8    <link rel="stylesheet" href="css/freesample.css">
9    <title>FreeSampleLesson</title>
10</head>
11
12<body>
13    <a href="index.html">
14        <i class="fas fa-home fa-3x home"></i>
15    </a>
16    <iframe
17        src="https://docs.google.com/forms/d/e/1FAIpQLScTKVptOyz5ZfqdIvyTDBJ1EKATGm_krj8CQ8AOjT6tuDuAnw/viewform?embedded=true"
18        width="100%" height="800" frameborder="0" marginheight="0" marginwidth="0">読み込んでいます...</iframe>
19</body>
20
21</html>
22

CSS
1html ,body ,iframe{
2    font-family:  "Hiragino Kaku Gothic Pro", "San Francisco","SF","ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
3    background-color:#ff9109;
4}
5.home i{
6    color:#fff !important;
7    position: fixed;
8    top: 10px;
9    left: 20px;
10  }
11  a i .home  {
12    color:#fff !important;
13  }