diff --git a/layouts/main.css b/layouts/main.css
index df8b62c..c0163b9 100644
--- a/layouts/main.css
+++ b/layouts/main.css
@@ -1,54 +1,32 @@
@import url(http://fonts.googleapis.com/css?family=Inconsolata:400,700);
-@import url(http://reset5.googlecode.com/hg/reset.min.css);
-
-html, body { overflow: hidden }
-body, input { font-size: 1.1em }
+@import url(https://cdn.rawgit.com/necolas/normalize.css/master/normalize.css);
body {
background-color: #181b20;
color: #9b9081;
font-family: Inconsolata;
+ height: 100vh;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
}
-#container {
- text-align:center;
- position: absolute;
- height: 100%;
- width: 100%;
-}
+#center { align-self: center }
-#container:before {
- content: '';
- display: inline-block;
- height: 75%;
- min-height: 20em;
- vertical-align: middle;
-}
-
-#center {
- display: inline-block;
- text-align:left;
- margin-top: -2em;
-}
+body,input { font-size: 1.1em; }
footer {
- position: absolute;
- width: 100%;
- bottom: 0;
- left: 0;
- padding: 1em;
font-size: .9em;
color: #595450;
padding: 1em;
}
-footer span {
- float: right;
- margin-right: 2em;
+footer span {
+ float: right;
+ margin-right: 2em;
}
h1 {
- margin: 1em 0 0 1em;
font-size: 1.8em;
font-weight: 700;
color: #515e66;
@@ -76,6 +54,7 @@ input[type="submit"] {
background: transparent;
color: #775750;
cursor: pointer;
+ padding: .2em .4em!important;
}
a:link, a:visited {
diff --git a/layouts/main.html b/layouts/main.html
index 6f43422..59425e1 100644
--- a/layouts/main.html
+++ b/layouts/main.html
@@ -7,13 +7,14 @@
+
-
+
+ $yield$