Move more styling out of astro files, and into SCSS files

src/layouts/Layout.astro

@@ -43,51 +43,3 @@ const { title, src, alt } = Astro.props;
         </main>
     </body>
 </html>
-
-<style is:global lang="scss">
-    @import "../styles/vars";
-
-    .banner {
-        margin: 0 -16px;
-
-        position: relative;
-
-        height: 700px;
-
-        box-shadow: 0 8px 8px rgba(#000, 0.3);
-
-        overflow: hidden;
-
-        > img {
-            width: 100%;
-            height: 100%;
-
-            position: absolute;
-            top: 0;
-            left: 0;
-
-            display: block;
-
-            object-fit: cover;
-        }
-    }
-
-    hr {
-        margin: 32px 0;
-
-        border: 0 solid transparent;
-        border-bottom: 2px solid $gray;
-    }
-
-    section {
-        padding-bottom: 32px;
-
-        > h2 {
-            padding-bottom: 10px;
-        }
-
-        &:last-of-type {
-            padding-bottom: 0;
-        }
-    }
-</style>