HTMLの文字が表示されない。

Question

実現したいこと

HTMLの一部の文字（CSSまだ指定していない部分）が表示されない。

<main>の中が真っ白になります。 CSSを消すと出るのでCSSのどこかが間違っていると思うのですが、どこかわかりません。

HTMLとCSSは下記のcodepenに記入しています。

https://codepen.io/zwntazrx-the-builder/pen/QWZPLQR

試したこと

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

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

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

Answer 1

下記を消すと直りました。
失礼しました。
/* element
------------------------------------------------------ */
.element {
opacity: 0;
visibility: hidden;
transform: translateY(30px);
transition: opacity 1s, visibility 1s, transform 1s;
}

.is-fadein {
opacity: 1;
visibility: visible;
transform: translateX(0);
}