ここまで見てくださった方へ

このウェブページ全体の構築に当たって、様々なサイトから情報を集めながら情報を整理してうまく干渉しないよう配置を変えたり順序を入れ替えたりしながらと、 想定していたよりとても時間がかかってしまったという部分が多くありました。 しかし、初めて作ったページにしてはクオリティがそこそこ保証されていると自負しています。
以下に、参考させて頂いた各記事のページを貼り付けておきますので、気になった方は是非。
スクロールでブラーをかける方法[https://digipress.info/tech/how-to-blurring-image-gradually-by-scroll/]
背景画像の指定方法[https://jp.skilled.yashio-corp.com/media/programming-2/css/6064/]
画面についてくる要素の作り方[https://www.miso.blog/css-position-sticky/]
視覚的に分かりやすい色見本[http://www.netyasun.com/home/color.html]
要素の上に要素を重ねて表示する方法[https://qiita.com/miriwo/items/48388b64c61983cd641d]
CSSアニメーション20個[https://baigie.me/officialblog/2021/02/25/css-tips-1/]
背景画像の入れ方[https://magazine.techacademy.jp/magazine/8610]
フレックスボックスの使い方[https://mamewaza.com/support/blog/howto-use-flex.html]
開発者向けデータベースサイト[https://developer.mozilla.org/ja/]
HTMLでの現在時刻の取得方法[https://www.delftstack.com/ja/howto/html/html-todays-date/]
画像の上に要素を重ねる方法[https://coco-factory.jp/ugokuweb/move02/6-6/]

ちなみにですが、要素を重ねる順番を指定できるz-indexというものがあるので、思った通りの動きにならない場合などは是非試してみてください。