diff --git a/app/templates/base.html b/app/templates/base.html
index 4cbd66b..094edb7 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -3,6 +3,9 @@
 <head>
     <title>The Office Quotes{% if title %} - {{ title }}{% endif %}</title>
     {% block head %}
+    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.css">
+    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/milligram/1.3.0/milligram.css">
     {% endblock head %}
 </head>
 
diff --git a/app/templates/content.html b/app/templates/content.html
index a185b0d..51cb4d9 100644
--- a/app/templates/content.html
+++ b/app/templates/content.html
@@ -1,4 +1,38 @@
 {% extends 'base.html' %}
+{% block head %}
+{{ super() }}
+<style>
+        .card {
+            background-color: white;
+            border-radius: 0.25rem;
+            box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.25);
+            display: flex;
+            flex-direction: column;
+            overflow: hidden;
+            position: relative;
+            min-height: 180px;
+            padding: 2.4rem 2.4rem 1.2rem 2.4rem;
+            border: solid transparent;
+            border-bottom-color: transparent;
+            border-bottom-color: rgb(38, 43, 44);
+            margin-left: auto;
+            margin-right: auto;
+            margin-bottom: 4rem;
+        }
+    </style>
+{% endblock head %}
 {% block body %}
 {{ super() }}
+<div class="container" style="text-align: center; margin-top: 30rem;">
+    <div class="row">
+        <div class="column column-20"></div>
+        <div class="column column-60">
+            <div class="card">
+                {% block content %}
+                {% endblock content %}
+            </div>
+        </div>
+        <div class="column column-20"></div>
+    </div>
+</div>
 {% endblock body %}
\ No newline at end of file
diff --git a/app/templates/episode.html b/app/templates/episode.html
index 1280fe3..868c60f 100644
--- a/app/templates/episode.html
+++ b/app/templates/episode.html
@@ -1,5 +1,5 @@
 {% extends 'content.html' %}
-{% block body %}
+{% block content %}
 <a href="{{ url_for('viewSeason', season=episode.season_id) }}" >Go to Season {{ episode.season_id }}</a>
 <br>
 <a href="{{ url_for('rebuildEpisode', season=episode.season_id, episode=episode.number) }}">Rebuild Episode</a>
@@ -12,4 +12,4 @@
 {% endfor %}
 <br>
 {% endfor %}
-{% endblock body %}
\ No newline at end of file
+{% endblock content %}
\ No newline at end of file
diff --git a/app/templates/season.html b/app/templates/season.html
index c7594e0..1b0e761 100644
--- a/app/templates/season.html
+++ b/app/templates/season.html
@@ -1,5 +1,5 @@
-{% extends 'base.html' %}
-{% block body %}
+{% extends 'content.html' %}
+{% block content %}
 {{ super() }}
 
 <a href="{{ url_for('index') }}" >See all Seasons</a>
@@ -12,4 +12,4 @@ Season {{ season.id }}
 <br>
 {% endfor %}
 
-{% endblock body %} 
\ No newline at end of file
+{% endblock content %} 
\ No newline at end of file
diff --git a/app/templates/view.html b/app/templates/view.html
index 76de35a..408aea2 100644
--- a/app/templates/view.html
+++ b/app/templates/view.html
@@ -1,8 +1,8 @@
-{% extends 'base.html' %}
-{% block body %}
+{% extends 'content.html' %}
+{% block content %}
 {{ super() }}
 {% for season in seasons %}
 <a href="/season/{{ season.id }}/" >Season {{ season.id }}</a>
 <br>
 {% endfor %}
-{% endblock body %} 
\ No newline at end of file
+{% endblock content %} 
\ No newline at end of file
