Small CSS edit

It goes to the edge of the website. Looks ugly.

app/client/app.css

@@ -1019,3 +1019,8 @@ nav form input[type="image"]{
 .modal-trigger{
     margin-left: 10px;
 }
+
+.content-box{
+    margin-left: 30px;
+    margin-right: 30px;
+}

app/client/templates/project.html

@@ -1,6 +1,6 @@
 <template name="project">
     {{> header}}
-    <main>
+    <main class="content-box">
         <h3 class="black-text thin">The Project</h3>
         <hr>
         <h4 class="thin">What is Musare?</h4>

app/client/templates/team.html

@@ -1,6 +1,6 @@
 <template name="team">
     {{> header}}
-    <main>
+    <main class="content-box">
         <h3 class="black-text thin">The Team</h3>
         <ul class="collection">
             <li class="collection-item avatar">