feat(style): modify root font-size for more consistent design

5 files changed, 11 insertions, 11 deletions

diff --git a/scss/main.scss b/scss/main.scss
index a6f5f3d..2759576 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -4,6 +4,7 @@
 
 :root {
   --text-color: #000;
+  font-size: 18px;
 }
 
 @font-face {
@@ -13,7 +14,6 @@
 
 body {
   --background-image: ;
-  font-size: 18px;
   font-family: "custom", Raveo, Inter, Roboto, sans-serif;
   background: #000;
   background-size: cover;
@@ -101,23 +101,23 @@ p {
 }
 
 h1 {
-  font-size: 3rem;
+  font-size: 1.75rem;
 }
 
 h2 {
-  font-size: 2rem;
+  font-size: 1.5rem;
   font-weight: bold;
   @media only screen and (max-width: vars.$bp-little) {
-    font-size: 1.75rem;
+    font-size: 1.425rem;
   }
 }
 
 h3 {
-  font-size: 1.5rem;
+  font-size: 1.35rem;
 }
 
 h4 {
-  font-size: 1.35rem;
+  font-size: 1.25rem;
 }
 
 ul, ol {
diff --git a/templates/page/custom_page.gohtml b/templates/page/custom_page.gohtml
index 4e53d4b..5b4de00 100644
--- a/templates/page/custom_page.gohtml
+++ b/templates/page/custom_page.gohtml
@@ -1,7 +1,7 @@
 {{define "body"}}
     <main class="custom-page" style="{{ .GetBackground }}">
         <div class="header">
-            <h2 class="header__title">{{ .Title }}</h2>
+            <h1 class="header__title">{{ .Title }}</h1>
             <nav>
                 <a href="/">Home</a>
                 <a href="/tags">Tags</a>
diff --git a/templates/page/index.gohtml b/templates/page/index.gohtml
index 21d4423..73301fb 100644
--- a/templates/page/index.gohtml
+++ b/templates/page/index.gohtml
@@ -5,7 +5,7 @@
                 <img src="{{ getImage .Person.Image }}" alt="{{ .Person.Name }}'s image">
             </figure>
             <div class="presentation__information">
-                <h2>{{ .Person.Name }}</h2>
+                <h1>{{ .Person.Name }}</h1>
                 <p>{{ .Person.Pronouns }}</p>
             </div>
         </div>
diff --git a/templates/page/legal.gohtml b/templates/page/legal.gohtml
index f376b4a..b8ef23b 100644
--- a/templates/page/legal.gohtml
+++ b/templates/page/legal.gohtml
@@ -1,6 +1,6 @@
 {{define "body"}}
     <div class="credits-legal" style="{{ .GetBackground }}">
-        <h2>Legal information</h2>
+        <h1>Legal information</h1>
         <p>
             The software behind this website was made by <a href="https://anhgelus.world/" target="_blank">Anhgelus Morhtuuzh</a>.
             It is available on <a href="https://github.com/anhgelus/now">GitHub</a> for free and licensed under the
diff --git a/templates/page/tags.gohtml b/templates/page/tags.gohtml
index 02d76d6..6106152 100644
--- a/templates/page/tags.gohtml
+++ b/templates/page/tags.gohtml
@@ -1,7 +1,7 @@
 {{define "body"}}
     <main style="{{ .GetBackground }}">
         <div class="header">
-            <h2 class="header__title">Tags</h2>
+            <h1 class="header__title">Tags</h1>
             <nav>
                 <a href="/">Home</a>
             </nav>
@@ -9,7 +9,7 @@
         <div class="tags" style="{{ .Color.GetTagColor }}">
             {{ range $tag := .Person.Tags }}
                 <div class="tag" data-href="{{ .Link }}" title="{{ .Link }}">
-                    <h4>{{ .Name }}</h4>
+                    <h3>{{ .Name }}</h3>
                     <p>{{ .Description }}</p>
                 </div>
             {{ end }}