Adding some styling to event page

Author: datapythonista

_layouts/post.html

@@ -40,8 +40,8 @@ <h3>Set up instructions</h3>
                             {% endif %}
                         </div>
                         <div class="col-md-3">
-                            <div class="infobox">
-                                <h3>Information</h3>
+                            <div class="infobox post__event-info">
+                                <h3><i class="fas fa-info-circle"></i> Information</h3>
                                 <hr/>
                                 <p><b>RSVP:</b> <a href="{{ page.rsvp_link }}">Click here</a></p>
                                 <p><b>Level:</b> {{ page.level }}</p>

_sass/post.scss

@@ -1,10 +1,15 @@
 .post {
+  background-color: white;
   padding: 30px 20px 0;
 }
 
+.post__event-info {
+  background-color: $light-white !important;
+}
+
 .post__project-logo {
   width: 150px;
-  margin-bottom: 5px;
+  margin-bottom: 16px;
 }
 
 .post__sponsor-img {

_sass/style.scss

@@ -1,7 +1,7 @@
 //Global styles here.
 
 .body {
-  background-color: $main-background;
+  //background-color: $main-background;
   overflow-x: hidden;
   /*Here I need to move the background image to slide under the navigation*/
   /*Any smarter solutions are welcome!*/
@@ -76,6 +76,7 @@ a {
   border-bottom: $blue 1px solid;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
+  box-shadow: $black-shadow;
 }
 
 .page__background-img-container {