Added main page & landing page

Main.html

@@ -14,7 +14,7 @@
     <div id=content-header><h1>Dalm Zone</h1></div>
 
     <div id=content-container class="flex-container">
-        <div id=Sidebar><p>Dalm pic goes here.
+        <div id=Sidebar><p><div id="selfportrait-container"><img src="images/selfportrait cropped.png" alt="illustration of dalm in red and black" id="selfportrait"></div>
             <nav>
                 <div id=navbutton><a href=Main.html>Main</a></div>
                 <div id=navbutton><a href=blog.html>Blog</a></div>
@@ -23,6 +23,7 @@
                 <div id=navbutton><a href=originalcharacters.html>OCs</a></div>
                 <div id=navbutton><a href=friends>Friends & Collaborators</a></div>
                 <div id=navbutton><a href=mysantas>Santa Collection</a></div>
+                <div id=navbutton><a href=fun>Fun</a></div>
                 <div id=navbutton><img src="images/3d iww logo.gif" alt="Join the IWW!" class="logo">
                 <p><a href=iww.org>Join the Industrial Workers of the World!</a></p></div>
 

mainstyles.css

@@ -13,9 +13,30 @@ a{
     text-align: center;
     margin-left: 5%;
     margin-right: 5%;
-    margin-top: 10px;
+    margin-top: 5px;
+    margin-bottom: 5px;
     font-weight: bold;
     background: #EFFF96;
+    font-size: 100%;
+}
+
+#selfportrait-container{
+    border: 4px 2px 2px 4px;
+    border-color:  #181917;
+    border-style: double solid solid double ;
+    border-radius: 10px;
+    margin-left: 1%;
+    margin-right: 1%;
+    margin-top: 5px;
+    margin-bottom: 10%;
+    font-weight: bold;
+    background: #EFFF96;
+}
+
+#selfportrait{
+    width: 100%;
+    margin-bottom:-15% ;
+    margin-top:-9%;
 }
 
 #navbutton:hover{
@@ -25,7 +46,10 @@ a{
 
 body{
     background-color: #1E3B27;
-    color: 181917;
+    background-image: url(./images/bubblebg.png);
+    background-attachment: scroll;
+    background-repeat: repeat;
+    color: #181917;
     font-family: Georgia, 'Times New Roman', Times, serif;
 }
 
@@ -37,8 +61,9 @@ body{
     margin-top: 10px;
     margin-left: 10%;
     margin-right: 10%;
-    height: 100%;
+    height: auto;
     margin-bottom: 10px;
+    word-wrap: break-word;
 }
 
 #content-header{
@@ -65,6 +90,7 @@ body{
     padding-left: 2px;
     padding-right: 2px;
     background-color: #B3EB79;
+    max-width: 600px;
 }
 
 #main-content{