Fix imported font weights

colbychaskell · Nov 25, 2023 · 1f184ce · 1f184ce
1 parent 85d28ed
commit 1f184ce
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 12 deletions.
diff --git a/index.html b/index.html
@@ -6,7 +6,10 @@
     <meta name="theme-color" content="#000000" />
     <link rel="icon" href="/favion.ico" />
     <link rel="manifest" href="/manifest.json" />
-    <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
+    <link
+      href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700"
+      rel="stylesheet"
+    />
     <title>C.L. Haskell & Son Inc.</title>
   </head>
   <body>

diff --git a/src/App.css b/src/App.css
@@ -1,10 +1,10 @@
 :root {
-  --company-orange: #FE9E24;
-  --company-orange-light: #FFBA6F;
+  --company-orange: #fe9e24;
+  --company-orange-light: #ffba6f;
 }
 
 * {
-  font-family: 'Montserrat', sans-serif;
+  font-family: "Montserrat", sans-serif;
 }
 
 a.btn-primary {
@@ -15,7 +15,7 @@ a.btn-primary {
 }
 
 a.btn-primary:hover {
-  background-color: rgba(0,0,0,0) !important;
+  background-color: rgba(0, 0, 0, 0) !important;
   border-color: var(--company-orange) !important;
   color: var(--company-orange) !important;
 }
@@ -36,7 +36,7 @@ button.btn-primary {
 }
 
 button.btn-primary:hover {
-  background-color: rgba(0,0,0,0) !important;
+  background-color: rgba(0, 0, 0, 0) !important;
   border-color: var(--company-orange) !important;
   color: var(--company-orange) !important;
 }
@@ -92,4 +92,4 @@ body {
   to {
     transform: rotate(360deg);
   }
-}
+}
diff --git a/src/components/Hero.css b/src/components/Hero.css
@@ -4,8 +4,6 @@
   left: 0;
 }
 
-
-
 div.row.hero {
   background: url("../img/hagen-dock.png") no-repeat center center;
   background-position: top;
@@ -34,4 +32,4 @@ div.hero-text h1 {
   /* font-style: italic; */
   font-weight: bold;
   font-size: 1.7em;
-}
+}
diff --git a/src/components/TitledSection.jsx b/src/components/TitledSection.jsx
@@ -3,8 +3,8 @@ import PropTypes from 'prop-types'
 
 const TitledSection = ({ title, children }) => (
   <Container fluid className='pt-5 px-4 px-md-5'>
-    <h1>{title}</h1>
-        {children}
+    <h2>{title}</h2>
+    {children}
   </Container>
 )