feat(theme): rewrite the CSS with nested selectors

layouts/baseof.html

@@ -30,10 +30,12 @@
 			</li>
 		</ul>
 	</nav>
+
   <header id="menu" class="h-card">
     {{ partial "header.html" . }}
   </header>
-  <main class="container">
+
+  <main>
     {{- if .IsTranslated }}
     {{- range .Translations }}
     <div class="translations">
@@ -47,7 +49,8 @@
 
     {{ block "main" . }}{{ end }}
   </main>
-  <footer class="container">
+
+  <footer>
     {{ partial "footer.html" . }}
   </footer>
 </body>