1 files changed, 128 insertions, 0 deletions

diff --git a/public/stylesheets/main.css b/public/stylesheets/main.css
index e69de29..b47d083 100644
--- a/public/stylesheets/main.css
+++ b/public/stylesheets/main.css
@@ -0,0 +1,128 @@
+
+p {
+    line-height: 1.6em;
+}
+
+.page {
+    color: #526066;
+    padding: 0 1em;
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
+.full-width {
+    width: 100%;
+}
+
+.l-box {
+    padding: .75em;
+}
+
+/***** DISCLAIMER BAR *****/
+
+.disclaimer-bar {
+    color: white;
+    text-align: center;
+    font-size: 1.25em;
+    padding: .5em;
+}
+
+/***** LOGO *****/
+
+.logo h1,
+.logo h2 {
+    display: inline-block;
+}
+
+.logo h1 {
+    font-size: 4em;
+    padding-right: .5em;
+    border-right: 3px solid #819096;
+}
+
+.logo h2 {
+    padding-left: .5em;
+}
+
+.logo a {
+    text-decoration: inherit;
+    color: inherit;
+}
+
+/***** ACCOUNT-INFO *****/
+
+@media screen and (min-width: 64em) {
+    .account-info {
+        margin: 4em 0;
+    }
+
+    .account-info > * {
+        float: right;
+    }
+
+    .account-info .pure-button {
+        margin: .3em;
+    }
+
+    .account-info .pure-button:last-child {
+        margin-left: 0;
+    }
+}
+
+@media screen and (max-width: 64em) {
+    .account-info {
+        margin: 1em 0;
+    }
+
+    .account-info .pure-button {
+        box-sizing: border-box;
+        width: 100%;
+        margin: .3em 0;
+    }
+}
+
+/***** FOOTER *****/
+
+footer {
+    border-top: 1px solid #819096;
+    margin-top: 1em;
+    padding-top: 1em;
+    margin-bottom: 1em;
+}
+
+@media screen and (min-width: 64em) {
+    footer .footer-links {
+        float: right;
+    }
+}
+
+@media screen and (max-width: 64em) {
+    footer > * {
+        display: block;
+    }
+}
+
+/***** ACTION BUTTONS *****/
+
+.action-buttons * {
+    box-sizing: border-box;
+    color: white;
+}
+
+.action-buttons a {
+    width: 100%;
+    border-radius: 0;
+    padding: 1.25em;
+}
+
+.action-buttons a > * {
+    display: block;
+}
+
+.action-buttons a > span {
+    margin-top: 1em;
+
+    letter-spacing: 0.25em;
+    text-transform: uppercase;
+    font-weight: 600;
+}