Fix GuildPage headings

src/components/AsideSection/AsideSection.scss

@@ -6,30 +6,5 @@
   flex: 1;
   flex-flow: column;
   justify-content: space-between;
-  padding: 4rem;
-
-  &.dark-blue {
-    background-color: color(dark-blue);
-
-    h2 {
-      color: color(light-blue);
-    }
-
-    p {
-      color: color(white);
-    }
-  }
-
-  &.light-turquoise {
-    background-color: color(light-turquoise);
-
-    h2,
-    p {
-      color: color(dark-blue);
-    }
-  }
-
-  &.light-blue {
-    background-color: color(light-blue);
-  }
+  padding: 3rem 4rem;
 }

src/components/MainSection/MainSection.scss

@@ -4,5 +4,18 @@
   display: flex;
   flex: 2;
   flex-flow: column;
-  padding: 3rem;
+  padding: 0 3rem;
+
+  h3 {
+    margin: auto;
+  }
+
+  h6 {
+    color: color(orange1);
+  }
+
+  p {
+    margin-block-start: 0.5rem;
+    margin-block-end: 1rem;
+  }
 }

src/index.scss

@@ -53,7 +53,7 @@ h2 {
 }
 
 h3 {
-  font-size: 2em;
+  font-size: 1.5em;
   font-weight: 200;
   margin-block-start: 0;
   margin-block-end: 0;

src/pages/GuildPage/GuildPage.tsx

@@ -118,7 +118,7 @@ class GuildPage extends React.Component<GuildPageProps, GuildPageState> {
           <PageSection backgroundColor={ColorEnum.White}>
             <AsideSection backgroundColor={ColorEnum.White} />
             <MainSection backgroundColor={ColorEnum.White} textColor={ColorEnum.DarkBlue} >
-              <h2>Organisaatio</h2>
+              <h3>Organisaatio</h3>
 
               <p>Sähköinsinöörikillassa toimeenpanovaltaa käyttää 3–13 kiltalaisen muodostama <TextAnchor textColor={ColorEnum.Blue} hoverColor={ColorEnum.DarkBlue} to="/hallitus">hallitus</TextAnchor> apunaan lukuisa määrä toimihenkilöitä. Hallituksen ja toimihenkilöt valitsee killan <TextAnchor textColor={ColorEnum.Blue} hoverColor={ColorEnum.DarkBlue} 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 textColor={ColorEnum.Blue} hoverColor={ColorEnum.DarkBlue} to="/kuulumiset">Hallituksen kuulumiset</TextAnchor> lorem.</p>
 
@@ -148,7 +148,7 @@ class GuildPage extends React.Component<GuildPageProps, GuildPageState> {
           </PageSection>
           <div style={{ display: "flex", }}>
             <AsideSection textColor={ColorEnum.DarkBlue} backgroundColor={ColorEnum.LightTurquoise}>
-              <h3>Miksi alkaa kilta-aktiiviksi?</h3>
+              <h6>Miksi alkaa kilta-aktiiviksi?</h6>
               <p>
                 Näitä töitä tehdessä saa väkisinkin paljon uusia kavereita ja oppii monia palkallisessa työelämässä tarpeellisia taitoja. Eikä laajasta tuttavapiiristä ja monista kontakteista varmasti haittaa ole tulevaa työuraakaan ajatellen. Rahallista tai materiaalista hyötyä kiltatoiminnasta ei saa, eikä kukaan killan toimintaan mukaan tuleva sitä pyrikään tavoittelemaan. Mikä tärkeintä, kiltatoiminta on kivaa!
               </p>
@@ -163,7 +163,7 @@ class GuildPage extends React.Component<GuildPageProps, GuildPageState> {
               </p>
             </AsideSection>
             <AsideSection textColor={ColorEnum.DarkBlue} backgroundColor={ColorEnum.LightBlue}>
-              <h3>Runsaasti erilaisia tehtäviä</h3>
+              <h6>Runsaasti erilaisia tehtäviä</h6>
               <p>
                 Killassa on todella monenlaisia tehtäviä. Olitpa koodaaja, urheilija tai ammattimainen juhlija, killasta löytyy tekemistä juuri sinulle. <TextAnchor textColor={ColorEnum.DarkBlue} hoverColor={ColorEnum.DarkBlue} to="/toimikunnat">Toimikunnissa</TextAnchor> sitoudut toimintaan vuodeksi kerrallaan. <TextAnchor textColor={ColorEnum.DarkBlue} hoverColor={ColorEnum.DarkBlue} to="/jaostot">Jaostoiminta</TextAnchor> mahdollistaa kiltatoiminnan kokeilun pienemmässä mittakaavassa. Tehtäväkuvaukset lorem ipsum dolor sit amet alla. Jos ei löydy sopivaa lorem ipsum dolor sit amet, voit perustaa myös oman.
               </p>
@@ -182,7 +182,7 @@ class GuildPage extends React.Component<GuildPageProps, GuildPageState> {
           <PageSection backgroundColor={ColorEnum.White}>
             <AsideSection textColor={ColorEnum.Black} backgroundColor={ColorEnum.White}>
               <div>
-                <h2>Sähkötekniikan korkeakoulun toimikunnat</h2>
+                <h3>Sähkötekniikan korkeakoulun toimikunnat</h3>
                 <p>
                   Ylioppilaskunnalla on edustus suuressa osassa Aalto-yliopiston tiedekuntia. Elektroniikan, tietoliikenteen ja automaation tiedekunnan toimikuntiin eli hallopedeihin opiskelijavalinna EST- ja TLT-tutkinto-ohjelmien osalta tehdään osin ylioppilaskunnan edustajistossa Sähköinsinöörikillan esityksestä ja osin Sähköinsinöörikillassa.
                 </p>
@@ -204,7 +204,7 @@ class GuildPage extends React.Component<GuildPageProps, GuildPageState> {
             </AsideSection>
             <AsideSection textColor={ColorEnum.Black} backgroundColor={ColorEnum.White}>
               <div>
-                <h2>Jaokset—kokeile kiltatoimintaa vapaammin</h2>
+                <h3>Jaokset—kokeile kiltatoimintaa vapaammin</h3>
                 <p>
                   Kiinnostaako kiltatoiminta, mutta vuoden kestävä sitoutuminen pelottaa? Jaokset mahdollistavat kiltatoiminnan kokeilemisen pienemmässä mittakaavassa. Jaokset toimivat varsin vapaamuotoisesti, mutta siltikin hyvässä hengessä. Mikäli Sinulla olisi hyvä idea, mitä kilta voisi jaosmaisesti toteuttaa, voit myös perustaa oman jaoksen.
                 </p>
@@ -219,7 +219,7 @@ class GuildPage extends React.Component<GuildPageProps, GuildPageState> {
           <PageSection backgroundColor={ColorEnum.White}>
             <AsideSection backgroundColor={ColorEnum.White} />
             <MainSection textColor={ColorEnum.Black}>
-              <h2>Aalto-yliopiston tarjoamat monenlaiset edut</h2>
+              <h3>Aalto-yliopiston tarjoamat monenlaiset edut</h3>
               <p>
                 Sen lisäksi että kilta tarjoaa jäsenilleen palveluja ja aktiviteetteja, Aalto-yliopisto tarjoaa lorem ipsum dolor sit amet.
               </p>