diff --git a/home/static/css/style.css b/home/static/css/style.css
index 0654e39068eb9f22e306dd6f1377f5f10ae71f96..d75f6ef4e0176300949e87153b43e8caa5ca5ad8 100644
--- a/home/static/css/style.css
+++ b/home/static/css/style.css
@@ -1,7 +1,33 @@
-body {
- background-color: #FFF;
+html, body {
color: #333;
- font-size: 1em;
+ font-size: 18px;
+ font-weight: 300;
line-height: 1.5;
font-family: Arial, Roboto, Helvetica, sans-serif;
}
+
+body {
+ background-color: #FFF;
+}
+
+a:link {
+ text-decoration: underline;
+ color: rgb(62, 62, 255);
+}
+
+section {
+ text-align: justify;
+}
+
+section > * {
+ max-width: 960px;
+
+ margin-left: calc(50% - 480px);
+ padding-left: 60px;
+ padding-right: 60px;
+}
+
+section p {
+ padding-bottom: 20px;
+ font-size: 1rem;
+}
\ No newline at end of file
diff --git a/home/templates/home.html b/home/templates/home.html
index 130f07627a6fae544bd0137de6b00a1b0246d506..a5ffe0991a61ae5cf49eb122ef13b312b1fedab1 100644
--- a/home/templates/home.html
+++ b/home/templates/home.html
@@ -8,8 +8,11 @@
<link rel="stylesheet" href="{% static 'css/style.css' %}">
</head>
<body>
- <h1>A Title</h1>
- <p>a paragraph</p>
- <p>another paragraph</p>
+ <section>
+ <h1>A Title</h1>
+ <p>a paragraph</p>
+ <p>another paragraph with <a href="http://www.google.com" class="external">an external link</a></p>
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ </section>
</body>
</html>
\ No newline at end of file