Add some breathing room to main section tag

scss/atat.scss

@@ -9,6 +9,7 @@
 @import 'components/site_action';
 @import 'components/empty_state';
 
+@import 'sections/main';
 @import 'sections/navigation';
 @import 'sections/footer';
 @import 'sections/login';

scss/sections/_main.scss

@@ -0,0 +1,3 @@
+section {
+  margin-bottom: 10rem;
+}

templates/base.html.to

@@ -13,11 +13,11 @@
 
   {% include 'header.html.to' %}
 
-  <div class='usa-grid'>
+  <section class='usa-grid'>
     {% block content %}
       these are not the droids you are looking for
     {% end %}
-  </div>
+  </section>