Add global typographies

src/index.scss

@@ -27,15 +27,75 @@ body {
 }
 
 h1 {
-  font-size: 2.5rem;
+  font-size: 2.5em;
+  font-weight: 200;
+
+  &__lg {
+    font-size: 2.75em;
+  }
 }
 
 h2 {
   font-size: 1.2em;
+  letter-spacing: 0.1em;
+  font-weight: 700;
+
+  &__lg {
+    font-size: 2em;
+  }
+}
+
+h3 {
+  font-size: 2em;
+  font-weight: 200;
+  margin-block-start: 0;
+  margin-block-end: 0;
+
+  &__lg {
+    font-size: 2.3em;
+  }
+}
+
+h4 {
+  font-size: 1em;
+  letter-spacing: 0.1em;
+  font-weight: 700;
+  margin-block-start: 0;
+  margin-block-end: 0;
+
+  &__lg {
+    font-size: 2em;
+  }
+}
+
+h5 {
+  font-size: 1.2em;
+  font-weight: 600;
+
+  &__lg {
+    font-size: 2em;
+  }
+}
+
+h6 {
+  font-size: 0.8em;
+  letter-spacing: 0.1em;
+  font-weight: 800;
+  margin-block-start: 0;
+  margin-block-end: 0;
+
+  &__lg {
+    font-size: 2em;
+  }
 }
 
 p {
   font-size: 16px;
+  font-weight: 300;
+
+  &__lg {
+    font-size: 2em;
+  }
 }
 
 a,

src/pages/FrontPage/FrontPage.tsx

@@ -147,8 +147,8 @@ class FrontPage extends React.Component<FrontPageProps, FrontPageState> {
         </PageSection>
         <PageSection backgroundColor={PageSectionColor.Orange}>
           <Ribbon>
-            <p>Sössöä vuodesta 1969.</p>
-            <TextAnchor size={TextSize.SmallRibbon} to="https://sosso.fi">Lue opiskelijalehden viimeisin numero&nbsp;›</TextAnchor>
+            <h3>Sössöä vuodesta 1969.</h3>
+            <TextAnchor size={TextSize.SmallRibbon} to="https://sosso.fi"><h4>Lue opiskelijalehden viimeisin numero&nbsp;›</h4></TextAnchor>
           </Ribbon>
         </PageSection>
         <PageSection backgroundColor={PageSectionColor.White} bottomBorder cardSection>

src/pages/GuildPage/GuildPage.tsx

@@ -76,7 +76,7 @@ class GuildPage extends React.Component<GuildPageProps, GuildPageState> {
               luentojen välillä, hakea apua vaikeisiin tehtäviin tai järjestää vaikka leffailtoja. Tämän
               lisäksi killalla on myös haastavampaan elektroniikkaharrasteluun sopivat tilat.</p>
 
-              <h3>Takana lähes satavuotinen historia</h3>
+              <h6>Takana lähes satavuotinen historia</h6>
 
               <p>Vaikka kilta onkin ajan hermolla, on sillä takana lähes satavuotinen historia.
               Sähköinsinööriklubin tuore puheenjohtaja lausahti klubin ensimmäisessä
@@ -92,7 +92,7 @@ class GuildPage extends React.Component<GuildPageProps, GuildPageState> {
               aktiivinen, ota asioista selvää ja osallistu kaikkeen mahdolliseen. Tulet varmasti
               yllättymään kaikesta siitä mitä täältä keskuudestamme löytyy.</p>
 
-              <h3>Meitä teekkareita on todella moneen lähtöön</h3>
+              <h6>Meitä teekkareita on todella moneen lähtöön</h6>
 
               <p>Minkäänlaista perus- tai ihanneteekkaria ei ole olemassa, vaan paras teekkariuden
               määritelmä kuuluukin: “teekkarius on kaikkea sitä, mitä teekkarit tekevät”. Yksi asia
@@ -138,11 +138,11 @@ class GuildPage extends React.Component<GuildPageProps, GuildPageState> {
 
               <p>Sähköinsinöörikillassa toimeenpanovaltaa käyttää 3–13 kiltalaisen muodostama <TextAnchor to="/hallitus">hallitus</TextAnchor> apunaan lukuisa määrä toimihenkilöitä. Hallituksen ja toimihenkilöt valitsee killan <TextAnchor to="/valtuusto">valtuusto</TextAnchor>, joka myös valvoo näiden toimintaa. Käytännössä valtuusto valitsee vaalikokouksessaan ensin uuden puheenjohtajan ja jää 1–2 viikon mittaiselle kokoustauolle. Tauon jälkeen puheenjohtaja esittelee valtuustolle ehdotuksensa hallitukseksi ja toimihenkilöiksi, ja valtuusto joko hyväksyy tai hylkää ehdotuksen noin tunnin kestävän kysely- ja esittelytuokion jälkeen. <TextAnchor to="/kuulumiset">Hallituksen kuulumiset</TextAnchor> lorem.</p>
 
-              <h3>Valtuuston toimintaa</h3>
+              <h6>Valtuuston toimintaa</h6>
 
               <p>Killan valtuusto valitaan marraskuussa pidettävillä vaaleilla yhdeksi vuodeksi kerrallaan. Vaaleissa ovat vaalikelpoisia ja äänioikeutettuja kaikki SIK:n varsinaiset jäsenet. Uuden valtuuston toiminta alkaa varsin pian valitsemisen jälkeen vaalikokouksessa, jossa todetaan uusi kokoonpano, valitaan puhemiehistö, killan hallituksen puheenjohtaja ja muut hallituksen jäsenet, toimihenkilöt, toimikuntien puheenjohtajat sekä tilintarkastajat. Toinen sääntömääräinen valtuuston kokous on helmikuinen vuosikokous, jossa käsitellään mm. edellisen vuoden toimintakertomus ja tilinpäätös, sekä kuluvan vuoden toimintasuunnitelma ja budjetti. Lisäksi valtuusto pitää tarpeelliseksi katsomanssa määrän kokouksia pitkin vuotta. <TextAnchor to="/dokumenttiarkisto">Pöytäkirjat ja muut dokumentit</TextAnchor> lorem ipsum.</p>
 
-              <h3>Hallituksen toimintaa</h3>
+              <h6>Hallituksen toimintaa</h6>
               <p>Jokaisella hallituksen jäsenellä on oma vastuualueensa, jota hän hoitaa yhdessä mahdollisen <TextAnchor to="/toimikunnat">toimikuntansa</TextAnchor> kanssa. Puheenjohtajan tehtävä on pitää langat käsissään, ja olla perillä kaikesta, mitä killassa tapahtuu. Hallitus tekee päätökset ja sopii menettelytavat viikottaisessa kokouksessaan. Hallitus on vastuussa kaikesta killan näkyvästä ja näkymättömästä toiminnasta, ja se on myös oikea osoite, jos joku asia vaivaa mieltä, tai mielessä on <TextAnchor to="/palaute">parannusehdotus</TextAnchor> mihin tahansa asiaan.</p>
 
             </MainSection>