ftpソフトでアップロードしたhtmlの一部にcssが反映されていない。

実現したいこと

ftpソフトでアップロードしたhtmlをブラウザ表示にしたら、一部にcssが反映されておらず困っています。
どなたか良い方法を教えてください。

前提

cyberduckを使ってhtmlをアップロードしました。vscodeでサイト制作していたのですがブラウザに表示させ確認を行いながら制作を進め完成させたのですが、アップロードしたhtmlを確認したところ一部にcssが反映されていませんでした。デベロッパーツールで調べてみたところ、反映されていない部分にはスペースをあけてcssコードを入力したのですが、アップロードしたhtmlにはスペースが空いてなくcssが反映されていませんでした。ここの部分をどうにかしたいのですが、どうすればよいのでしょうか？

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

ftpソフトでアップロードしたhtmlの一部にcssが反映されていない。

該当のソースコード

html

My-Portfolio

css
.firstview-message{
align-items: center;
display: flex;
font-size: 3rem;
justify-content: center;
height: 100%;
letter-spacing: 0.3rem;
}
.firstview-message .red{
color: #42a5ec;
}

アップロードしたhtml

My-Portfolio

css
.firstview{
background-image: url(../image/hero.jpg);
height: 700px;
background-size: cover;
background-position: center;
}

.firstview-message{
align-items: center;
display: flex;
font-size: 3rem;
justify-content: center;
height: 100%;
letter-spacing: 0.3rem;
}
.firstview-message.red{
color: #42a5ec;
}

試したこと

vscodeにはスペースをあけてcssを入力しているため反映されています。一応にスーパーリロードやキャッシュを削除など試したのですが反映されず、またcyberduckに何度も上書きとアップロードを繰り返したのですがどうしてもスペースが詰められて反映されませんでした。

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

Windows10　vscode cyberduck