prepros 　①コンパイルエラーの原因特定　②スペースの検出テクニック等があれば知りたいです

前提・実現したいこと

コンパイルエラーを解消して、コンパイルしたい。
また、もし全角スペース・半角スペースを検出するいいテクニックや機能があればご教授ください。

このエラー自体は何度経験があり、ほとんどが全角スペースが混じっていたりといったことだったので、proprosのlogを見ながらなんとか修正していました。
しかし、現在の箇所のエラーのみどうしても、解消できません。

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

expected "}".

該当のソースコード

HTML
1<!DOCTYPE html>
2
3
4<html>
5 <head>
6  <meta charase="utf-8">
7  <title>模写コーディング</title>
8  <link rel="stylesheet" href="css/style.css">
9  <link rel="stylesheet" href="css/reset.css">
10  
11 </head>
12 <body>
13  <header>
14   <div class="wrapper-header toptitle">
15    <h1>はじめてのコーディング</h1>
16    <img class="top-image" src="images/kv-img.jpg">
17    <h2 class="header-text toptitle">コーディングを学習して、<br>オリジナルサイトを作成しよう</h2>
18   </div>
19  </header>
20  <body>
21   <div class="wrapper-top wrapper">
22    <h2>はじめに</h2>
23    <p>このサイトは、コーディング練習用のサイトです。HTMLやCSS、Javescriptなどの言語を使って、Webサイト<br>を「使える状態」にすることです。</p>
24   </div>
25   <div class="wrapper-sub wrapper">
26    <h2>学習の心構え</h2>
27    <p>暗記しようとしない</p>
28    <p>反覆練習する</p>
29    <p>習得するまでコピペ禁止</p>
30    <p>1回で理解できなくても気にしない</p>
31   </div>
32   
33   <div class="wrapper-content wrapper">
34    <h2>学習すること</h2>
35   <div class="content">
36    <div class="items HTML5">
37     <img src="images/icon_html.jpg">
38     <p>HTML5</p>
39   </div>
40    <div class="items CSS3">
41     <img src="images/icon_css.jpg">
42     <p>CSS3</p>
43   </div>
44    <div class="items JavaScript/jQuery">
45     <img src="images/icon_js.jpg">
46     <p>JavaScript/jQuery</p>
47   </div>
48   </div>
49   </div>
50   
51   <a href="#" class="button">Webサイトを見る</a>
52  </body>
53  <footer>
54  </footer>
55 </body>
56  
57</html>
58
59
60
61

該当のソースコード

CSS
1@meta charset = "utf-8" ;
2 
3@import  "va";
4 
5 /* 共通レイアウト　全体*/
6 html {
7  width :100%;
8  text-align: center;
9  font-family: $font ;
10}
11
12.wrapper { 
13 padding-bottom: 8%;
14 line-height: 20px;
15 padding-top:3%;
16h2 { color: $orange; font-weight: bold; padding-top: 4%; padding-bottom: 2%;
17     font-weight: bold; font-size:24px; }
18
19.header-top p {
20 background-color: $orange;
21}
22
23/*親　top画像*/
24.top-image {
25 width:100%;
26 height: auto;
27 position: relative;
28}
29
30.header-text {
31 position: absolute;
32 top:30%;
33 left:35%;
34 color: $white;
35 font-size:30px;
36 font-weight: bold;
37 line-height: 150%;
38}
39
40
41.content .img {
42 width: 100%;
43}
44.wrapper-header {
45 h1 {
46  color: $white ;
47  font-size: 30px;
48  background-color: $orange ;
49  height: 15px;
50  padding-top: 1%;
51  padding-bottom: 2%;
52 }
53 p { text-align: left;
54 } }
55 
56 .wrapper-top p{
57  text-align: left;}
58  
59/*コンテンツ部　画像レイアウト*/
60.content {
61 display: flex;
62 margin-bottom: 5%;
63 img {
64  width: 50%; }
65 p { text-align: left; font-weight: bold; padding-left: 25%; } 
66 }
67
68
69
70
71