diff --git a/app/assets/stylesheets/text.scss b/app/assets/stylesheets/text.scss
new file mode 100644
index 00000000..5e91a59d
--- /dev/null
+++ b/app/assets/stylesheets/text.scss
@@ -0,0 +1,3 @@
+.bordered-text {
+  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -2px black;
+}
diff --git a/app/views/cards/intros/_content_type_intro.html.erb b/app/views/cards/intros/_content_type_intro.html.erb
index 1ff8d87c..b9471dce 100644
--- a/app/views/cards/intros/_content_type_intro.html.erb
+++ b/app/views/cards/intros/_content_type_intro.html.erb
@@ -6,7 +6,7 @@
 <div class="card hoverable" style="min-height: 330px;">
   <div class="card-image">
     <%= image_tag "card-headers/#{content_name.pluralize}.jpg", height: 300, width: 300 %>
-    <span class="card-title">Create <%= content_name == "magic" ? 'magic' : content_name.pluralize %></span>
+    <span class="card-title bordered-text">Create <%= content_name == "magic" ? 'magic' : content_name.pluralize %></span>
   </div>
   <div class="card-content fixed-card-content">
     <p>