X-Git-Url: https://git.r.bdr.sh/rbdr/blog/blobdiff_plain/7a5a585ead8c4e967980adc2ab9c7502e47694fd..cf6302904d61ead65e6294e7f1be406eb68ef5f9:/static/css/style.css

diff --git a/static/css/style.css b/static/css/style.css
new file mode 100644
index 0000000..aeda780
--- /dev/null
+++ b/static/css/style.css
@@ -0,0 +1,52 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  background-image: url('/images/header_background.png');
+  background-size: auto 300px;
+  background-attachment: fixed;
+  line-height: 1.45;
+}
+
+header {
+  background-image: url('/images/header_foreground.png');
+  background-repeat: no-repeat;
+  background-size: auto 300px;
+  height: 300px;
+}
+
+header a {
+  color: transparent;
+  display: block;
+  max-height: 500px;
+}
+
+main {
+  background-color: #fff;
+  padding: 1.414em;
+}
+
+h1, h2, h3, h4 {
+  margin: 1.414em 0 0.5em;
+  font-weight: 400;
+}
+
+p, ul, ol, img {
+  width: 100%;
+  margin: 1.414em 0;
+  max-width: 30em;
+}
+
+ul, ol { margin-left: 1.414em; }
+
+h1 { font-size: 3.998em; }
+h2 { font-size: 2.827em; }
+h3 { font-size: 1.999em; }
+h4 { font-size: 1.414em; }
+
+footer {
+  background-color: pink;
+  padding: 1.414em;
+}