liの黒丸を消しても左側の余白が消えません。

html css初心者です。
liの黒丸をlist-style:none;で消しても
左側の余白が消えません。
どうすれば消えるでしょうか？
（↓黄色背景色の左側の部分を左に詰めたいです。）

liやolにpadding:0;と入力しましたが、書き方が間違っていますか？
分かる方いらっしゃいましたら教えていただけると助かります。

html
1<!doctype html>
2<html>
3	<head>
4	<meta charset="UTF-8">
5	<link rel="stylesheet" href="css/style.css"/>
6	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
7	<title>テスト</title>
8	</head>
9
10	<body>
11		<header>
12			<h1><img src="img/logo.png" class="rogo"></h1>
13			<nav>
14				<ul>
15					<li><a href="">ABOUT</a></li>
16					<li><a href="">WORK</a></li>
17					<li><a href="">NEWS</a></li>
18					<li><a href="">CONTACT</a></li>
19					<li><a href=""><i class="fab fa-instagram fa-fw"></i></a></li>
20				</ul>
21			</nav>
22		</header>
23		<picture class="image">
24			<source media="(min-width: 1000px)" srcset="img/atari1.jpeg">
25			<source media="(min-width: 700px)" srcset="img/atari2.jpeg">
26			<img src="img/uma.jpeg" alt="テキストテキストテキスト">
27		</picture>
28		<section id="about" class="wrapper">
29			<h2 class="center aboutnoh">About</h2>
30			<ul>
31				<li>Xxxxx Ashley</li>
32				<li>2th Floor xxxxx Building x-x-x Nishiazabu, Minato-ku, Tokyo 106-0031 Japan</li>
33				<li>tel: 000-0000-0000テキストテキスト</li>
34				<li>url: www.xxxxxx.jp</li>
35				<li class="go">mail: xxx@xxxxxx.jp</li>
36				<li class="aboutonolastli">プロフィールテキストテキストテキストテキストテキストテキストテキストテキストテキストスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</li>
37			</ul>
38		</section>
39		<section id="work" class="wrapper">
40			<h2 class="center worknoh">Work</h2>
41			<div class="kontenaoya">
42			<ul class="kontena">
43				<li class="li"><img src="img/inn1.jpeg"></li>
44				<li class="li"><img src="img/inn2.jpeg"></li>
45				<li class="li"><img src="img/inn3.jpeg"></li>
46				<li class="li"><img src="img/inn2.jpeg"></li>
47				<li class="li"><img src="img/inn3.jpeg"></li>
48				<li class="li"><img src="img/inn1.jpeg"></li>
49			</ul>
50				</div>
51		</section>
52		<section id="news" class="wrapper">
53			<h2 class="center newsnoh">News</h2>
54			<dl>
55				<dt>2020.XX.XX</dt>
56					<dd>デザイン雑誌「ＸＸＸＸＸＸ Vol.11』に掲載していただきました。</dd>
57				<dt>2020.XX.XX</dt>
58					<dd>ＸＸ月ＸＸ日から写真集「ＸＸＸＸＸＸＸ」の販売を開始します。</dd>
59				<dt>2019.XX.XX</dt>
60					<dd>【イベント開催のお知らせ】テキストテキストテキストテキストテキストテキストテキスト</dd>
61				<dt>2019.XX.XX</dt>
62					<dd>デザイン雑誌「ＸＸＸＸＸＸ Vol.10』に掲載していただきました。</dd>
63				<dt>2019.XX.XX</dt>
64					<dd>【個展開催のお知らせ】テキストテキストテキストテキストテキストテキストテキスト</dd>
65				</dl>
66		</section>
67		<div class="hako">テスト</div>
68		<footer>
69		</footer>
70	</body>
71</html>
72

css
1@charset "UTF-8";
2body{
3	margin: 0 0 0 0;
4}
5section{
6	margin: 0 0 0 0;
7}
8.wrapper{
9	width: 960px;
10	margin: 0 auto;
11	background-color: yellow;
12}
13bocy ol{
14	margin: 0 0 0 0;
15	padding: 0;
16}
17li{
18	list-style: none;
19	margin: 0 0 0 0;
20	padding: 0;}
21.center{
22	text-align: center;
23}
24/*ヘッダー*/
25header{
26	display: flex;
27	justify-content: space-between;
28	align-items: center;
29	max-width: 960px;
30	height: 270px;
31	margin: 0 auto;
32	padding: 0 4%;
33}
34header ul{
35	display: flex;
36	list-style:none;
37}
38nav{
39	display: flex;
40	align-items: center;
41}
42.rogo{
43	width: 100px;
44}
45nav li{
46	margin-left: 30px;
47}
48a{
49	text-decoration: none;
50}
51/*TOP画像*/
52.image img{
53	width: 100%;
54	height: 420px;
55	object-fit: cover;
56	margin-bottom: 80px;	
57}
58/*about*/
59#about li:first-child {
60	margin-bottom: 30px;
61}
62.go{
63	margin-bottom: 30px;
64}
65.aboutnoh{
66	margin-bottom: 80px;
67}
68.aboutonolastli{
69	margin-bottom: 100px;
70}
71/*work*/
72.worknoh{
73		margin-bottom: 80px;	
74}
75.kontena{
76	display: grid;
77	width: 940px;
78	height: 400px;
79	grid-template-columns: auto auto auto;
80	grid-auto-rows: auto auto;
81	gap: 20px;
82	margin-bottom: 100px;
83	box-sizing: border-box;
84}
85#work li img{
86	width: 300px;
87}
88#work ul{
89	margin-bottom: 100px;
90	margin-left: 0;
91}
92/*news*/
93.newsnoh{
94	margin-bottom: 80px;
95}
96dl{
97	width: 900px;
98	margin: 0 auto;
99}
100#news dt{
101	float:left;
102	margin-right: 70px;
103}
104.hako{
105	width: 960px;
106	height: 200px;
107	background-color: pink;
108	margin: 0 auto;
109}
110