中央配置がうまくできない

前提

プログラミングを初めて数日です。

htmlとcssで簡単なホームページを作成しています。
以下のことが調べてもわからず、質問させて頂きました。

About/News /Contactのコンテンツが左寄せになってしまい、中央に配置することができません。

実現したいこと

以下の【About/News/Contact】の状態を

このようにしたいです。

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

エラーメッセージ

該当のソースコード

HTML
1
2<!DOCTYPE html>
3<html lang="ja">
4<head>
5    <meta charset="UTF-8">
6    <meta http-equiv="X-UA-Compatible" content="IE=edge">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8    <title>My Work</title>
9    <meta name="description" content="text text texte">
10    <link rel="stylesheet" href="./assets/css/sanitize.css">
11    <link rel="stylesheet" href="./assets/css/style.css">
12</head>
13
14<body>
15   
16/* <header></header>/*
17 
18
19   <section>
20      <div class="section">
21        <h1 class="section-about">
22            <a id="about">About</a>
23        </h1>
24            <p class="foo">Xxxx Ashley</p>
25            <address class="about-address">2th Floor Building x-x-x Nishiazabu, Minato-ku, Tokyo 106-0031 Japan</address>
26            <ul class="about-description">
27               <li>tel:000-0000-0000</li>
28               <li>www.xxxxxxx.jp</li>
29               <li>mail:xxx@xxxxx.jp</li>
30           </ul>
31
32            <p class="profile-description">プロフィールtext text text text text text text text text  <br/>
33            text text text text text text text texttext text text text text text text text <br/>
34            text text text text text text text texttext text text text text text text text <br/>
35            </p>
36       </div>
37   </section>
38
39   <section>
40        <div class="news">
41           <h1 class="news-title">
42                 <a id="news">News</a>
43           </h1>
44           <dl>    
45             <dt>2020.XX.XX</dt>
46             <dd>デザイン雑誌「XXXXXX Vol.11」に掲載していただきました。</dd>
47        
48             <dt>2020.XX.XX</dt>
49             <dd>デザイン雑誌「XXXXXX Vol.11」に掲載していただきました。</dd>
50
51             <dt>2019.XX.XX</dt>
52             <dd>デザイン雑誌「XXXXXX Vol.11」に掲載していただきました。</dd>
53
54             <dt>2019.XX.XX</dt>
55             <dd>デザイン雑誌「XXXXXX Vol.11」に掲載していただきました。</dd>
56
57            <dt>2019.XX.XX</dt>
58            <dd>デザイン雑誌「XXXXXX Vol.11」に掲載していただきました。</dd>
59           </dl>
60
61        </div>
62   </section>
63
64   <section class="contact">
65        <h1 class="contact-title">
66             <a id="contact">Contact</a> 
67        </h1>
68            <form classs="form" action="">
69    
70            <table class="form-table">
71     
72            <tr>
73               <td>
74                  <label for="name">NAME</label>
75               </td>
76               <td>
77                 <input class="input" type="text" id="name">
78               </td>
79            </tr>
80    
81            <tr>
82               <td>
83                 <label for="email">E-mail</label>
84               </td>
85               <td>
86                <input class="input" type="email" id="email">
87               </td>
88            </tr>
89
90             <tr>
91               <td>
92                <label for="message">MESSAGE</label>
93               </td>
94               <td>
95                <textarea class="textarea"  id="message" cols="30" rows="10"></textarea>
96              </td>
97            </tr>
98            </table>
99    
100        <div class="form-button">
101             <button class="button.button-submission"  type="submit">送信</button>
102        </div>
103      </form>
104     </section> 
105   
106  /*<footer></footer>*/
107</body>
108</html>

CSS
1/*
2about
3*/
4/*.section {}*/
5.section-about {
6   font-size: 30px;
7   font: bold;
8   margin-bottom: 60px;
9   text-align: center;
10}
11.foo {
12    padding-left: 40px;
13 }
14.about-address {
15    padding-left: 40px;
16}
17.about-description {
18    list-style-type: none;
19    padding-left: 40px;
20}
21.profile-description {
22    padding-left: 40px;
23}
24
25/*
26News
27*/
28
29.news  {
30    margin: 0 auto;  
31}
32.news-title {
33    font-size: 30px;
34    font: bold;
35    text-align: center;
36    margin-top: 50px;
37    margin-bottom: 60px;
38}
39dt, dd {
40	 margin: 0;
41	 padding: 0;
42}
43
44dl {
45     display: flex;
46     border-top: solid 1px #c8c8c8;
47	 flex-wrap: wrap;
48	 margin-bottom: 20px;
49}
50
51dt {
52    width: 20%;
53    border-bottom: solid 1px #c8c8c8;
54    padding-top: 15px;
55    padding-bottom: 15px;
56  }
57 
58dd {
59    width: 80%;
60	border-bottom: solid 1px #c8c8c8;
61	padding-top: 15px;
62	padding-bottom: 15px;
63  }
64    
65/*
66Contact
67*/
68
69.contact {
70    text-align: center;
71}
72
73.contact-title {
74    font-size: 30px;
75    font: bold;
76    text-align: center;
77    margin-top: 50px;
78    margin-bottom: 60px;
79   
80}
81/*.form { }*/
82.form-table { 
83    padding-left: 40px; 
84    text-align: left;
85    font-size: 16px;
86}
87.input {
88    padding: 10px;
89    border: 1px solid #ccc;
90    min-width: 600px;
91}
92
93.textarea {
94    padding: 10px;
95    border: 1px solid #ccc;
96    min-width: 600px;
97    max-width: 600px;
98    min-height: 100px;
99}
100.form-button {
101    margin-top: 40px;
102    margin-bottom: 130px;
103}
104
105/*.button.button-submission {}*/
106