small fixes

themes/buha/assets/scss/main.scss

@@ -6,7 +6,7 @@
 	font-size: 120%;
 }
 
-.main {
+.main_upper {
     overflow-x: auto;
 	width: 98vw;
 	margin-left: auto;
@@ -20,7 +20,7 @@
 		flex-direction: column;
 		flex-grow: 1;
 	}
-	.main_wrapper {
+	main {
 		display: flex;
 		flex-direction: column;
 		min-height: 60vh;
@@ -30,7 +30,7 @@
 
 
 @media (min-width: 640px) {
-	.main_wrapper {
+	main {
 		width: 89%;
 		margin-left: auto;
 		margin-right: auto;

themes/buha/layouts/_default/baseof.html

@@ -8,9 +8,9 @@
             </header>
             <div class="fakeheader">
             </div>
-            <div class="main">
+            <div class="main_wrapper">
                 {{ partial "snippets/banner" . -}}
-                <div class="main_wrapper">
+                <main class="main">
                     {{ if not .IsHome}}
                         <button onclick="history.back()" style="align-self: flex-end; margin-top: 1em; padding: 0; background-color: var(--background-body);">{{ if i18n "back" }}{{ i18n "back" }}{{ else }}{{ "back" }}{{ end }}</button>
                     {{ end }}
@@ -20,7 +20,7 @@
                     {{ block "sidebar" . -}}{{- end }}
                     </div>
                     {{ block "pagefooter" . -}}{{- end }}
-                </div>
+                </main>
                 <footer class="footer">
                     {{- partial "snippets/footer" . -}}
                 </footer>