Create Container style

Make some styles for mobile
Create Logo for the website
Clean up styles for the millionth time

front/src/styles/_announcement_banner.scss

@@ -1,20 +1,26 @@
 .announcement-banner {
-    padding: $spacing-large;
-
-    height: 400px;
+    position: relative;
 
+    border-radius: $border-radius-normal;
     background-color: $color-light;
     color: $color-on-light;
-    //border: 1px solid $color-dark;
-    border-radius: $border-radius-normal;
-    position: relative;
+
     overflow: hidden;
 
     img{
-        position: absolute;
-        top: 0;
-        left: 0;
         width: 100%;
-        height: auto;
+        max-height: 400%;
+
+        display: block;
+
+        object-fit: cover;
     }
 }
+
+@media only screen and (max-width: 670px) {
+    .announcement-banner {
+        margin: -$spacing-normal;
+        margin-bottom: 0;
+        border-radius: 0;
+    }
+}

front/src/styles/_container.scss

@@ -0,0 +1,25 @@
+.container {
+    border-radius: $border-radius-normal;
+    background-image: url('/BackgroundTextureAlt.svg');
+    background-repeat: no-repeat;
+    background-size: 200px 250px;
+    background-position: 5px -43px;
+    background-color: $color-light;
+    color: $color-on-light;
+
+    .header {
+        padding: $spacing-normal;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+
+        h2 {
+            padding-bottom: 0;
+        }
+    }
+
+    .section {
+        padding: $spacing-normal;
+    }
+}

front/src/styles/_navigation_bar.scss

@@ -1,5 +1,5 @@
 nav {
-    padding: $spacing-normal;
+    padding: $spacing-small;
 
     width: 100%;
     height: $sizing-navigation-height;
@@ -51,6 +51,13 @@ nav {
         padding: 0 $spacing-normal;
         font-weight: $font-weight-black;
         font-size: $font-size-h1;
+
+        > img {
+            height: calc($sizing-navigation-height - calc(2 * $spacing-small));
+
+            display: block;
+        }
+
     }
 
     &.scrolled {

front/src/styles/_reset.scss

@@ -20,6 +20,10 @@ body {
     color: $color-on-background;
 }
 
+
+h1, h2, h3, h4, h5, h6 {
+    padding-bottom: $spacing-small;
+}
 h1 {
     font-size: $font-size-h1;
     font-weight: $font-weight-bolder;
@@ -53,6 +57,15 @@ small {
     font-weight: $font-weight-thin;
 }
 
+hr {
+    height: 1px;
+    border: 0 transparent;
+    background-color: rgba($color-dark, 0.1);
+}
+
+.spacer {
+    height: $spacing-large;
+}
 
 main {
     margin-left: auto;

front/src/styles/main.scss

@@ -4,4 +4,5 @@
 @import "loading_bar";
 @import "navigation_bar";
 @import "announcement_banner";
+@import "container";
 @import "menu_item";