diff --git a/theme/static/css/style.css b/theme/static/css/style.css
index 33455b8..71df227 100644
--- a/theme/static/css/style.css
+++ b/theme/static/css/style.css
@@ -30,608 +30,16 @@
     src: url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot?#iefix") format("embedded-opentype"), local("Noto Sans Bold Italic"), local("Noto-Sans-700italic"), url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff2") format("woff2"), url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff") format("woff"), url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.ttf") format("truetype"), url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.svg#NotoSans") format("svg")
 }
 
-.highlight table td {
-    padding: 5px
-}
 
-.highlight table pre {
-    margin: 0
-}
 
-.highlight .cm {
-    color: #999988;
-    font-style: italic
-}
-
-.highlight .cp {
-    color: #999999;
-    font-weight: bold
-}
-
-.highlight .c1 {
-    color: #999988;
-    font-style: italic
-}
-
-.highlight .cs {
-    color: #999999;
-    font-weight: bold;
-    font-style: italic
-}
-
-.highlight .c,
-.highlight .cd {
-    color: #999988;
-    font-style: italic
-}
-
-.highlight .err {
-    color: #a61717;
-    background-color: #e3d2d2
-}
-
-.highlight .gd {
-    color: #000000;
-    background-color: #ffdddd
-}
-
-.highlight .ge {
-    color: #000000;
-    font-style: italic
-}
-
-.highlight .gr {
-    color: #aa0000
-}
-
-.highlight .gh {
-    color: #999999
-}
-
-.highlight .gi {
-    color: #000000;
-    background-color: #ddffdd
-}
-
-.highlight .go {
-    color: #888888
-}
-
-.highlight .gp {
-    color: #555555
-}
-
-.highlight .gs {
-    font-weight: bold
-}
-
-.highlight .gu {
-    color: #aaaaaa
-}
-
-.highlight .gt {
-    color: #aa0000
-}
-
-.highlight .kc {
-    color: #000000;
-    font-weight: bold
-}
-
-.highlight .kd {
-    color: #000000;
-    font-weight: bold
-}
-
-.highlight .kn {
-    color: #000000;
-    font-weight: bold
-}
-
-.highlight .kp {
-    color: #000000;
-    font-weight: bold
-}
-
-.highlight .kr {
-    color: #000000;
-    font-weight: bold
-}
-
-.highlight .kt {
-    color: #445588;
-    font-weight: bold
-}
-
-.highlight .k,
-.highlight .kv {
-    color: #000000;
-    font-weight: bold
-}
-
-.highlight .mf {
-    color: #009999
-}
-
-.highlight .mh {
-    color: #009999
-}
-
-.highlight .il {
-    color: #009999
-}
-
-.highlight .mi {
-    color: #009999
-}
-
-.highlight .mo {
-    color: #009999
-}
-
-.highlight .m,
-.highlight .mb,
-.highlight .mx {
-    color: #009999
-}
-
-.highlight .sb {
-    color: #d14
-}
-
-.highlight .sc {
-    color: #d14
-}
-
-.highlight .sd {
-    color: #d14
-}
-
-.highlight .s2 {
-    color: #d14
-}
-
-.highlight .se {
-    color: #d14
-}
-
-.highlight .sh {
-    color: #d14
-}
-
-.highlight .si {
-    color: #d14
-}
-
-.highlight .sx {
-    color: #d14
-}
-
-.highlight .sr {
-    color: #009926
-}
-
-.highlight .s1 {
-    color: #d14
-}
-
-.highlight .ss {
-    color: #990073
-}
-
-.highlight .s {
-    color: #d14
-}
-
-.highlight .na {
-    color: #008080
-}
-
-.highlight .bp {
-    color: #999999
-}
-
-.highlight .nb {
-    color: #0086B3
-}
-
-.highlight .nc {
-    color: #445588;
-    font-weight: bold
-}
-
-.highlight .no {
-    color: #008080
-}
-
-.highlight .nd {
-    color: #3c5d5d;
-    font-weight: bold
-}
-
-.highlight .ni {
-    color: #800080
-}
-
-.highlight .ne {
-    color: #990000;
-    font-weight: bold
-}
-
-.highlight .nf {
-    color: #990000;
-    font-weight: bold
-}
-
-.highlight .nl {
-    color: #990000;
-    font-weight: bold
-}
-
-.highlight .nn {
-    color: #555555
-}
-
-.highlight .nt {
-    color: #000080
-}
-
-.highlight .vc {
-    color: #008080
-}
-
-.highlight .vg {
-    color: #008080
-}
-
-.highlight .vi {
-    color: #008080
-}
-
-.highlight .nv {
-    color: #008080
-}
-
-.highlight .ow {
-    color: #000000;
-    font-weight: bold
-}
-
-.highlight .o {
-    color: #000000;
-    font-weight: bold
-}
-
-.highlight .w {
-    color: #bbbbbb
-}
-
-.highlight {
-    background-color: #f8f8f8
-}
-
-body {
-    background-color: #fff;
-    padding: 50px;
-    font: 14px/1.4 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-    color: #727272;
-    font-weight: 400
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    color: #222;
-    margin: 0 0 20px
-}
-
-p,
-ul,
-ol,
-table,
-pre,
-dl {
-    margin: 0 0 20px
-}
-
-h1,
-h2,
-h3 {
-    line-height: 1.1
-}
-
-h1 {
-    font-size: 28px
-}
-
-h2 {
-    color: #393939
-}
-
-h3,
-h4,
-h5,
-h6 {
-    color: #494949
-}
-
-a {
-    color: #267CB9;
-    text-decoration: none
-}
-
-a:hover,
-a:focus {
-    color: #069;
-    font-weight: bold
-}
-
-a small {
-    font-size: 11px;
-    color: #777;
-    margin-top: -0.3em;
-    display: block
-}
-
-a:hover small {
-    color: #777
-}
-
-.wrapper {
-    width: 860px;
-    margin: 0 auto
-}
-
-blockquote {
-    border-left: 1px solid #e5e5e5;
-    margin: 0;
-    padding: 0 0 0 20px;
-    font-style: italic
-}
-
-code,
-pre {
-    font-family: Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
-    color: #333
-}
-
-pre {
-    padding: 8px 15px;
-    background: #f8f8f8;
-    border-radius: 5px;
-    border: 1px solid #e5e5e5;
-    overflow-x: auto
-}
-
-table {
-    width: 100%;
-    border-collapse: collapse
-}
-
-th,
-td {
-    text-align: left;
-    padding: 5px 10px;
-    border-bottom: 1px solid #e5e5e5
-}
-
-dt {
-    color: #444;
-    font-weight: 700
-}
-
-th {
-    color: #444
-}
-
-img {
-    max-width: 100%
-}
-
-header {
-    width: 270px;
-    float: left;
-    position: fixed;
-    -webkit-font-smoothing: subpixel-antialiased
-}
-
-header ul {
-    list-style: none;
-    height: 40px;
-    padding: 0;
-    background: #f4f4f4;
-    border-radius: 5px;
-    border: 1px solid #e0e0e0;
-    width: 270px
-}
-
-header li {
-    width: 89px;
-    float: left;
-    border-right: 1px solid #e0e0e0;
-    height: 40px
-}
-
-header li:first-child a {
-    border-radius: 5px 0 0 5px
-}
-
-header li:last-child a {
-    border-radius: 0 5px 5px 0
-}
-
-header ul a {
-    line-height: 1;
-    font-size: 11px;
-    color: #676767;
-    display: block;
-    text-align: center;
-    padding-top: 6px;
-    height: 34px
-}
-
-header ul a:hover,
-header ul a:focus {
-    color: #675C5C;
-    font-weight: bold
-}
-
-header ul a:active {
-    background-color: #f0f0f0
-}
-
-strong {
-    color: #222;
-    font-weight: 700
-}
-
-header ul li+li+li {
-    border-right: none;
-    width: 89px
-}
-
-header ul a strong {
-    font-size: 14px;
-    display: block;
-    color: #222
-}
-
-section {
-    width: 500px;
-    float: right;
-    padding-bottom: 40px
-}
-
-small {
-    font-size: 11px
-}
-
-hr {
-    border: 0;
-    background: #e5e5e5;
-    height: 1px;
-    margin: 0 0 20px
-}
-
-footer {
-    width: 270px;
-    float: left;
-    position: fixed;
-    bottom: 50px;
-    -webkit-font-smoothing: subpixel-antialiased
-}
-
-@media print,
-screen and (max-width: 960px) {
-    div.wrapper {
-        width: auto;
-        margin: 0
-    }
-    header,
-    section,
-    footer {
-        float: none;
-        position: static;
-        width: auto
-    }
-    header {
-        padding-right: 320px
-    }
-    section {
-        border: 1px solid #e5e5e5;
-        border-width: 1px 0;
-        padding: 20px 0;
-        margin: 0 0 20px
-    }
-    header a small {
-        display: inline
-    }
-    header ul {
-        position: absolute;
-        right: 50px;
-        top: 52px
-    }
-}
-
-@media print,
-screen and (max-width: 720px) {
-    body {
-        word-wrap: break-word
-    }
-    header {
-        padding: 0
-    }
-    header ul,
-    header p.view {
-        position: static
-    }
-    pre,
-    code {
-        word-wrap: normal
-    }
-}
-
-@media print,
-screen and (max-width: 480px) {
-    body {
-        padding: 15px
-    }
-    header ul {
-        width: 99%
-    }
-    header li,
-    header ul li+li+li {
-        width: 33%
-    }
-}
-
-@media print {
-    body {
-        padding: 0.4in;
-        font-size: 12pt;
-        color: #444
-    }
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/* OVERRIDE */
 
 /* Typo
 ------------------------------------------------------------- */
 body {
+padding: 50px;
+background-color: #fff;
 color: #898989;
+font: 18px/1.5 "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size: 18px;
 line-height: 1.5;
 font-weight: 400;
@@ -647,14 +55,13 @@ font-weight: 400;
 margin: 0 0 40px 0;
 }
 
-h3 {
+h3,
+h4 {
 font-size: 18px;
-margin: 60px 0 20px 0;
+margin: 30px 0 20px 0;
 }
 
-small {
-font-size: 14px;
-}
+
 
 
 /* Links
@@ -704,36 +111,31 @@ color: #cfcfcf;
 }
 
 
-/* Layout
+
+
+/* Typo Elements
 ------------------------------------------------------------- */
 .logo {
 margin: -20px 0 0 0;
 }
 
-section {
-width: 600px;
-padding: 0;
-margin: 0 0 40px 0;
-}
-
-section > p {
-margin: 0 0 20px 0;
-}
-
-section > p:last-child {
-margin: 0 0 60px 0;
+blockquote {
+border-left: 1px solid #e5e5e5;
+margin: 0;
+padding: 0 0 0 20px;
+font-style: italic
 }
 
 hr {
-border: 0;
-background: #d5d5d5;
-height: 1px;
-margin: 80px 0 -20px 0;
+border-top: 1px solid #d5d5d5;
+height: 0;
+margin: 80px 0 0 0;
 }
 
 .footnote hr {
 border: 0;
 height: 0;
+margin: 0;
 }
 
 blockquote {
@@ -741,6 +143,10 @@ border-left: 1px solid #d5d5d5;
 margin: 40px 0 40px 0;
 }
 
+strong {
+font-weight: 700
+}
+
 strong,
 h2 strong {
 color: #404040;
@@ -752,9 +158,17 @@ h2 strong {
 color: #898989;
 }
 
+h4 strong {
+color: #404040;
+text-decoration: none;
+font-size: 32px;
+font-weight: 700;
+}
+
+
+
 /* Buttons
 ------------------------------------------------------------- */
-
 .btn {
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
@@ -820,40 +234,82 @@ flex-flow: row wrap;
 -ms-flex-flow: row wrap;
 -webkit-flex-flow: row wrap;
 }
-
 .btn {
 flex-grow: 1;
 }
-
 .btn:first-of-type {
 margin-left: 0;
 margin-right: 15px;
 }
-
 .btn:last-of-type {
 margin-left: 15px;
 margin-right: 0;
 }
-
 }
 
 
 
+
+/* Custom Underline
+------------------------------------------------------------- */
+em {
+color: #898989;
+background: linear-gradient(transparent 66%, #fde28c 66%);
+font-style: normal;
+}
+
+
+
+
+/* Layout
+------------------------------------------------------------- */
+.wrapper {
+width: 860px;
+margin: 0 auto
+}
+
+header {
+width: 270px;
+float: left;
+position: fixed;
+-webkit-font-smoothing: subpixel-antialiased
+}
+
+section {
+float: right;
+width: 600px;
+padding: 0 0 40px 0;
+}
+
+section > p {
+margin: 0 0 20px 0;
+}
+
+section > p:last-child {
+margin: 0 0 60px 0;
+}
+
+
+
+
 /* Footer
 ------------------------------------------------------------- */
+footer {
+width: 270px;
+float: left;
+position: fixed;
+bottom: 100px;
+-webkit-font-smoothing: subpixel-antialiased
+}
 
 .footnote {
 color: #d5d5d5;
 font-size: 14px;
-margin: 60px 0 0 0;
+margin: 20px 0 0 0;
 }
 
 .footnote ol {
-  margin-bottom: 0;
-}
-
-footer {
-bottom: 100px;
+margin-bottom: 0;
 }
 
 .footer-list {
@@ -869,51 +325,64 @@ margin-right: 0.14em;
 }
 
 
-/* Custom Underline
+
+
+/* Media Queries
 ------------------------------------------------------------- */
-em {
-color: #898989;
-background: linear-gradient(transparent 66%, #fde28c 66%);
-font-style: normal;
+@media screen and (max-width: 960px) {
+div.wrapper {
+width: auto;
+margin: 0
 }
-
-
-/* MEDIA
-------------------------------------------------------------- */
-@media print,
-screen and (max-width: 960px) {
-
-section > p:first-child, section > p:last-child {
-margin: 0 0 40px 0;
+header,
+section,
+footer {
+float: none;
+position: static;
+width: auto
+}
+header {
+padding-right: 320px
 }
-
 section {
 border: none;
 width: auto;
 padding: 0 0 0 0;
 margin: 40px 0 40px 0;
 }
+section > p:first-child, section > p:last-child {
+margin: 0 0 40px 0;
+}
+}
 
-@media print,
-screen and (max-width: 480px) {
+@media screen and (max-width: 720px) {
+body {
+word-wrap: break-word
+}
+header {
+padding: 0
+}
+}
 
+@media screen and (max-width: 480px) {
+body {
+padding: 15px
+}
 .logo {
 margin: 0;
 }
-
 }
 
-}
-
-
-
-
-
-
-
-
 
 
 
 /* ADDED
 ------------------------------------------------------------- */
+
+
+.top_pages,
+.top_referrers {
+color: #404040;
+text-decoration: none;
+font-weight: 700;
+}
diff --git a/theme/static/css/style_werk.css b/theme/static/css/style_werk.css
deleted file mode 100644
index 92002e8..0000000
--- a/theme/static/css/style_werk.css
+++ /dev/null
@@ -1,198 +0,0 @@
-body {
-	background: rgb(46, 49, 51);
-	letter-spacing: 1px;
-	color: #fff;
-}
-.short-code-row {
-	padding: 20px;
-}
-.page-header h3 em {
-	font-weight: normal;
-}
-.github-link {
-	margin-top: 40px;
-}
-.short-code-header,
-.form-group h4 {
-	text-align: center;
-}
-.small-block {
-	display: block;
-}
-.short-code-form {
-	padding: 40px;
-}
-hr {
-	border-top: 1px solid #444;
-}
-h1,
-.form-group h4 {
-	line-height: 1.4;
-}
-.form-group .btn {
-	margin-bottom: 20px;
-	border-width: 4px;
-	border-right: none;
-	border-left: none;
-	border-top: none;
-}
-.content {
-	padding-top: 40px;
-	padding-bottom: 40px;
-}
-.page-header,
-.page-sub-header {
-	text-align: center;
-}
-.page-header {
-	padding: 40px;
-	margin: 0;
-	border-bottom: none;
-}
-.page-sub-header {
-	color: #999;
-	margin-bottom: 40px;
-}
-.page-sub-header>h3>small {
-	margin-left: 12px;
-}
-.box-shadow {
-	box-shadow: 6px 6px 20px #000;
-}
-div.glyphicons ul {
-	max-height: 300px;
-	overflow: scroll;
-	padding: 12px;
-	margin: 0;
-}
-div.glyphicons ul li {
-	display: inline-block;
-	color: rgb(46, 49, 51);
-	padding: 8px;
-	margin: 4px;
-	border: 1px solid rgb(46, 49, 51);
-	border-radius: 4px;
-	cursor: pointer;
-}
-div.glyphicons ul li:hover {
-	background: rgb(46, 49, 51);
-	color: #fff;
-}
-.features-list {
-	margin-top: 40px;
-	padding-left: 0;
-	text-align: left;
-	font-style: italic;
-	font-size: 18px;
-	list-style: none;
-}
-.features-list li:not(:first-of-type) {
-	margin-top: 12px;
-}
-.glyphicon-pushpin {
-	margin-left: 0;
-	margin-right: 12px;
-}
-/* What You Need To Copy
-==========================================================================*/
-.button-wrapper .btn {
-	margin: 20px 0px;
-}
-.button-wrapper {
-	display: flex;
-    flex-flow: column wrap;
-	justify-content: space-around;
-}
-a.btn>span.glyphicon {
-	margin-left: 12px;
-}
-@media (min-width: 520px) {
-  	.button-wrapper {
-		align-items: center;
-    	flex-flow: row wrap;
-    	-ms-flex-flow: row wrap;
-    	-webkit-flex-flow: row wrap;
-  	}
-	.btn-container-center>a.btn {
-		margin-left: 12px;
-		margin-right: 12px;
-	}
-	.btn-container-center {
-		justify-content: center;
-	}
-	.btn-container-center>a.btn:first-of-type {
-		margin-left: 0;
-	}
-	.btn-container-center>a.btn:last-of-type {
-		margin-right: 0;
-	}
-	.btn-container-left>a.btn {
-		margin-left: 12px;
-		margin-right: 12px;
-	}
-	.btn-container-left {
-		justify-content: flex-start;
-	}
-	.btn-container-left>a.btn:first-of-type {
-		margin-left: 0;
-	}
-	.btn-container-left>a.btn:last-of-type {
-		margin-right: 0;
-	}
-	.btn-container-right>a.btn {
-		margin-left: 12px;
-		margin-right: 12px;
-	}
-	.btn-container-right {
-		justify-content: flex-end;
-	}
-	.btn-container-right>a.btn:first-of-type {
-		margin-left: 0;
-	}
-	.btn-container-right>a.btn:last-of-type {
-		margin-right: 0;
-	}
-	.btn-container-stretch>a.btn {
-		margin-left: 12px;
-		margin-right: 12px;
-	}
-	.btn-container-stretch {
-		justify-content: space-between;
-	}
-	.btn-container-stretch>a.btn:first-of-type {
-		margin-left: 0;
-	}
-	.btn-container-stretch>a.btn:last-of-type {
-		margin-right: 0;
-	}
-	.btn-container-col-center {
-		flex-direction: column;
-		align-items: center;
-	}
-	.btn-container-col-left {
-		flex-direction: column;
-		align-items: flex-start;
-	}
-	.btn-container-col-right {
-		flex-direction: column;
-		align-items: flex-end;
-	}
-
-	/* TESTING */
-	.btn-fill-space .btn {
-	  margin: 20px;
-	  flex-grow: 1;
-	  transition-duration: 0.2s;
-	}
-	.btn-fill-space .btn:hover {
-	  flex-grow: 1.6;
-	}
-
-	.btn-always-col {
-		flex-flow: column wrap;
-		justify-content: space-around;
-	}
-	.btn-always-col>.btn {
-		width: 100%;
-	}
-}