Add a small amount of margin

3 files changed, 25 insertions, 22 deletions

diff --git a/acknowledgements.html b/acknowledgements.html
index 553a5f6..8eb9d41 100644
--- a/acknowledgements.html
+++ b/acknowledgements.html
@@ -18,15 +18,15 @@
                                 <h1><a href="index.html">Da Bikers</a></h1>
                         </nav>
                 </header>
-
-                <h1>Acknowledgements</h1>
-                <p>Fonts used:</p>
-                <ul>
-                        <li>Schizoid Personality, by <a href="http://www.woodcutter.es">WOODCUTTER</a></li>
-                        <li>Courier Polski 1941, by <a href="https://www.dafont.com/profile.php?user=409273">Tomasz Skowronski</a></li>
-                </ul>
-
-                <footer>
+                <div id="content">
+                        <h1>Acknowledgements</h1>
+                        <p>Fonts used:</p>
+                        <ul>
+                                <li>Schizoid Personality, by <a href="http://www.woodcutter.es">WOODCUTTER</a></li>
+                                <li>Courier Polski 1941, by <a href="https://www.dafont.com/profile.php?user=409273">Tomasz Skowronski</a></li>
+                        </ul>
+                </div>
+                <footer id="bottom-bar">
                         <nav>
                         </nav>
                 </footer>
diff --git a/css/base.css b/css/base.css
index 4becbef..85dc161 100644
--- a/css/base.css
+++ b/css/base.css
@@ -24,13 +24,18 @@ body {
         margin: 0;
 }
 
+#content {
+        margin: 1%;
+}
+
 #top-bar {
         padding: 0.5%;
 
-        background-image: url(../images/sketty.jpeg);
-        background-size: cover;
+        /*background-image: url(../images/sketty.jpeg);
+        background-size: cover;*/
 
-        /*background-color: red;*/
+        background-color: black;
+        color: white;
 
         position: -webkit-sticky;
         position: sticky;
@@ -41,10 +46,8 @@ body {
 }
 
 #top-bar h1 {
-        padding: 0;
         margin: 0;
-
-        position: inherit;
+        padding: 0;
 
         text-align: left;
         font-family: 'schizoid_personalityregular', 'zai_courier_polski_1941Rg', Courier, monospace;
diff --git a/index.html b/index.html
index 9976af4..db444b1 100644
--- a/index.html
+++ b/index.html
@@ -18,13 +18,13 @@
                                 <h1><a href="index.html">Da Bikers</a></h1>
                         </nav>
                 </header>
-
-                <h1>We do a little trolling it's called we do a little trolling</h1>
-                <p>wtf do I put here lol</p>
-
-                <img id="chung" src="images/chungoid.jpg" alt="the chungoid in action" style="width:50%; height: 200px">
-
-                <footer>
+                <div id="content">
+                        <h1>We do a little trolling it's called we do a little trolling</h1>
+                        <p>wtf do I put here lol</p>
+                
+                        <img id="chung" src="images/chungoid.jpg" alt="the chungoid in action" style="width:50%; height: 200px">
+                </div>
+                <footer id="bottom-bar">
                         <nav>
                                 <li><a href="acknowledgements.html">Acknowledgements</a></li>
                         </nav>