fix: maybe fixes formatting, corrects font

Author: immosentomppa

public/index.html

@@ -9,6 +9,9 @@
       name="description"
       content="Urho Matti 4.0 laulukirjan verkkoversio"
     />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/apple-touch-icon.png" />
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
     <title>Urho Matti 4.0</title>

src/components/TopBar.jsx

@@ -28,7 +28,7 @@ class TopBar extends Component {
 		return (
 			<div id="top-bar" className="top-bar">
 				<a href="/" className="top-bar-heading">
-					<span style={{ fontSize: "30px", color: "#FED700", fontFamily: "Courier", fontWeight: "bold" }}>Urho Matti 4.0</span>
+					<span style={{ fontSize: "30px", color: "#FED700", fontFamily: "Montserrat", fontWeight: "bold" }}>Urho Matti 4.0</span>
 				</a>
 				<MenuButton
 					onClick={this.toggleMenuButton}

src/index.css

@@ -186,13 +186,14 @@ body {
 
 .landing-image {
   flex: auto;
-  width: 60vw;
+  height: 65vh;
+  width: 100vw;
 }
 
 .self-promotion-link {
   transform: translate(-50%);
   position: absolute;
-  top: 63vh;
+  top: 60vh;
   left: 25%;
 }