Improve style make the text pop

app/assets/stylesheets/application.css.sass

@@ -15,6 +15,9 @@ body
   font-size: 2vmin
   // overflow: hidden
 
+body, .social-links, .social-link a
+  text-shadow: -1px 1px #e1b027, 1px -1px #00ddff
+
 a
   text-decoration: none
   color: #e7dede
@@ -29,6 +32,12 @@ h1
   font-size: 7vmin
   margin-bottom: 0
 
+// h2
+  margin-bottom: 0
+
+a
+  text-shadow: none
+
 header
   font-size: 3vmin
   // margin-bottom: 10vmin
@@ -78,6 +87,7 @@ header
     margin: 0
     border: 3px solid black
     background-color: #33cc3399
+    text-shadow: -3px 3px #e1b027, 3px -3px #00ddff
 
 #main-menu
   flex: 1 1 auto
@@ -212,6 +222,7 @@ textarea
   width: 100%
   max-width: 1200px
   padding: 0 1em
+  margin: 0 auto
 
 @import doodads
 @import profiles

app/assets/stylesheets/profiles.sass

@@ -14,6 +14,7 @@
     margin: 0
 
 a.profile
+  display: block
   &:hover
     background: #ffffff55
   span, p, .social-links
@@ -38,3 +39,18 @@ a.profile
   .controls
     a
       font-size: 0.6em
+
+.about
+  background: #34b134
+  background: image-url('backgrounds/felt-green.png')
+  width: 100%
+  color: #019d01
+  background: #031804
+  text-shadow: none
+  h2
+    text-align: center
+    color: #000
+    text-shadow: -1px 1px #e1b027, 1px -1px #00ddff
+  p
+    text-shadow: -1px 1px #34b134
+    font-family: "sans"

app/views/profiles/index.html.haml

@@ -8,14 +8,15 @@
       = link_to 'Sign In', new_user_session_path 
       to create a new Profile
 
-- @profiles.each do |profile|
+.contain
-  = link_to profile, class: "profile" do
+  - @profiles.each do |profile|
-    %h1= profile.name
+    = link_to profile, class: "profile" do
-    %span= profile.summary
+      %h1= profile.name
-    .social-links
+      %span= profile.summary
-      - profile.social_links.each do |social_link|
+      .social-links
-        = social_link.to_icon.html_safe
+        - profile.social_links.each do |social_link|
-    %p= profile.about
+          = social_link.to_icon.html_safe
-    - if policy(profile).destroy?
+      %p= profile.about
-      = link_to 'Edit', edit_profile_path(profile)
+      - if policy(profile).destroy?
-      = link_to 'Delete', profile, method: :delete, data: { confirm: 'Are you sure?' }
+        = link_to 'Edit', edit_profile_path(profile)
+        = link_to 'Delete', profile, method: :delete, data: { confirm: 'Are you sure?' }

app/views/profiles/show.html.haml

@@ -17,8 +17,8 @@
   - if policy(@profile).edit?
     %br= link_to '+ Add Social Link', new_social_link_path(profile_id: @profile.id)
 
-%h2 About #{@profile.name}
-
 .about
-  %p= @profile.about
+  .contain
+    %h2 About #{@profile.name}
+    %p= @profile.about