Progate　HTML&CSS 初級　道場　フッターの部分ができません

前提・実現したいこと

Progate HTML&CSS　初級道場で、なぜかエラーが発生してしまいます。
しかし、答えと照らし合わせても、どのコードが間違っているか分かりません。
教えていただけますか。

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

エラーメッセージ

該当のソースコード

[HTML]

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Progate</title> <link rel="stylesheet" href="stylesheet.css"> </head> <body>  <div class="header"> <div class="header-logo"> Progete </div> <div class="header-list"> <ul> <li>プログラミングとは</li> <li>学べるレッスン</li> <li>お問い合わせ</li> </ul> </div> </div>

<div class="main">
  <div class="copy-container">
    <h1>HELLO WORLD<span>.</span>
    </h1>
    <h2>プログラミングの世界へようこそ</h2>
  </div>
  <div class="contents">
    <h3 class="section-title">学べるレッスン</h3>
    <div class="contents-item">
      <img src="https://prog-8.com/progate/shared/images/lesson/html/study/html.svg">
    <p>HTML & CSS</p>
    </div>
    <div class="contents-item">
      <img src="https://prog-8.com/progate/shared/images/lesson/html/study/php.svg">
   <p>PHP</p>
   </div>
    <div class="contents-item">
      <img src="https://prog-8.com/progate/shared/images/lesson/html/study/ruby.svg">
    <p>Ruby</p>
    </div>
    <div class="contents-item">
      <img src="https://prog-8.com/progate/shared/images/lesson/html/study/swift.svg">
    <p>Swift</p>
    </div>
  </div>  
    <div class="contact-form">
      <h3 class="section-title">お問い合わせ</h3>
      <p>メールアドレス（必須）</p>
      <input>
      <p>お問い合わせ内容（必須）</p>
      <textarea></textarea>
      <p>※必要項目は必ずご入力ください</p>
      <input class="contact-submit" type="submit" value="送信">
    </div>
    <div class="footer">
      <div class="footer-logo"> 
        Progate
      </div>
      <div class="footer-list">
        <ul>
         <li>会社概要</li>
         <li>採用</li>
         <li>お問い合わせ</li>
        </ul>
      </div>
    </div>

</body> </html>

[CSS]
/* CSSのリセット（消さないでください） */
html, body,
ul, ol, li,
h1, h2, h3, h4, h5, h6, p,
form, input, div {
margin: 0;
padding: 0;
}

body {
font-family: "Avenir Next", "Hiragino Kaku Gothic ProN W3", sans-serif;
}

li {
list-style: none;
}

/* ここからCSSを記述してください */
.header {
background-color:#26d0c9;
color:#fff;
height:90px;
}
.header-logo {
float:left;
font-size:36px;
padding:20px 40px;
}
.header-list li {
float:left;
padding:33px 20px;
}

.main {
padding: 100px 80px;
}
.copy-container h1 {
font-size:140px;

}
.copy-container span {
color:#ff4a4a;
}
.copy-container h2 {
font-size:60px;
}
.section-title {
border-bottom: 2px solid #dee7ec;
font-size: 28px;
padding-bottom: 15px;
margin-bottom: 50px;
}
.contents {
height: 500px;
margin-top: 100px;