new fonts for header

frontend-react/public/index.html

@@ -8,7 +8,7 @@
     <meta name="description" content="Competitive Splatoon hub" />
     <link rel="apple-touch-icon" href="logo192.png" />
     <link
-      href="https://fonts.googleapis.com/css?family=Montserrat|Pacifico&display=swap"
+      href="https://fonts.googleapis.com/css?family=Montserrat|Pacifico|Rubik&display=swap"
       rel="stylesheet"
     />
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />

frontend-react/src/components/common/PageHeader.tsx

@@ -17,9 +17,8 @@ const PageHeader: React.FC<PageHeaderProps> = ({ title }) => {
         borderLeftWidth="5px"
         pl="5px"
         mb="0.5em"
-        fontFamily="'Pacifico', cursive"
-        fontWeight="light"
-        size="2xl"
+        fontFamily="'Rubik', cursive"
+        fontWeight="bold"
       >
         {title}
       </Heading>

frontend-react/src/components/home/HomePage.tsx

@@ -24,10 +24,9 @@ const HomePage: React.FC<RouteComponentProps> = () => {
           title="Picture by borzoic (@borzoic_ on Twitter)"
         />
         <Heading
-          size="2xl"
           letterSpacing="1px"
-          fontFamily="'Pacifico', cursive"
-          fontWeight="light"
+          fontFamily="'Rubik', sans-serif"
+          fontWeight="bold"
         >
           Sendou.ink
         </Heading>