Add Sössö link on Front page

src/pages/FrontPage/FrontPage.scss

@@ -1,3 +1,5 @@
+@import "../../assets/scss/globals";
+
 .front-page {
   display: flex;
   flex-flow: column wrap;
@@ -7,4 +9,34 @@
     display: flex;
     flex-flow: column wrap;
   }
+
+  &__page-statement {
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: flex-end;
+    text-align: center;
+    justify-content: center;
+    width: 100%;
+
+    p {
+      display: flex;
+      color: $white;
+      margin: 0 1rem;
+      font-size: 2rem;
+      font-weight: 300;
+    }
+
+    a {
+      display: flex;
+      color: $white;
+      margin: 0 1rem;
+      font-size: 0.8rem;
+      font-weight: 600;
+      text-transform: uppercase;
+    }
+
+    @media screen and (max-width: 600px - 1px) {
+      flex-flow: column nowrap;
+    }
+  }
 }

src/pages/FrontPage/FrontPage.tsx

@@ -118,7 +118,10 @@ class FrontPage extends React.Component<FrontPageProps, FrontPageState> {
           </div>
         </PageSection>
         <PageSection backgroundColor={PageSectionColor.Orange}>
-          <p>Sössöä vuodesta 1969.</p><a href="/sosso">Lue opiskelijalehden viimeisin numero ›</a>
+          <div className="front-page__page-statement">
+            <p>Sössöä vuodesta 1969.</p>
+            <a href="https://sosso.fi">Lue opiskelijalehden viimeisin numero ›</a>
+          </div>
         </PageSection>
         <PageSection backgroundColor={PageSectionColor.White}>
           {feed.map(inst => (