diff --git a/Main.html b/Main.html
index f8bb003..d445fd2 100644
--- a/Main.html
+++ b/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>
 
diff --git a/images/Badges/ANARCHIST.png b/images/Badges/ANARCHIST.png
new file mode 100644
index 0000000..85221bf
Binary files /dev/null and b/images/Badges/ANARCHIST.png differ
diff --git a/images/Badges/anarchist_copy.gif b/images/Badges/anarchist_copy.gif
new file mode 100644
index 0000000..6ffd8e7
Binary files /dev/null and b/images/Badges/anarchist_copy.gif differ
diff --git a/images/Badges/scottish_copy1.gif b/images/Badges/scottish_copy1.gif
new file mode 100644
index 0000000..0291149
Binary files /dev/null and b/images/Badges/scottish_copy1.gif differ
diff --git a/images/Badges/tf2 badge.png b/images/Badges/tf2 badge.png
new file mode 100644
index 0000000..3aae5f2
Binary files /dev/null and b/images/Badges/tf2 badge.png differ
diff --git a/images/bubblebg.png b/images/bubblebg.png
new file mode 100644
index 0000000..9c8b65f
Binary files /dev/null and b/images/bubblebg.png differ
diff --git a/images/bubblebgsmaller.png b/images/bubblebgsmaller.png
new file mode 100644
index 0000000..d1382f7
Binary files /dev/null and b/images/bubblebgsmaller.png differ
diff --git a/images/dalmzone.gif b/images/dalmzone.gif
new file mode 100644
index 0000000..01a200d
Binary files /dev/null and b/images/dalmzone.gif differ
diff --git a/images/greenbgloop.gif b/images/greenbgloop.gif
new file mode 100644
index 0000000..10d2b7b
Binary files /dev/null and b/images/greenbgloop.gif differ
diff --git a/images/selfportrait cropped.png b/images/selfportrait cropped.png
new file mode 100644
index 0000000..a0a3ba9
Binary files /dev/null and b/images/selfportrait cropped.png differ
diff --git a/images/selfportrait.png b/images/selfportrait.png
new file mode 100644
index 0000000..12f5728
Binary files /dev/null and b/images/selfportrait.png differ
diff --git a/mainstyles.css b/mainstyles.css
index 71bb651..d6c1245 100644
--- a/mainstyles.css
+++ b/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{