1 files changed, 107 insertions, 0 deletions
diff --git a/~santisoler/style.css b/~santisoler/style.css
index 7aa6a59..15efe38 100644
--- a/~santisoler/style.css
+++ b/~santisoler/style.css
@@ -1,3 +1,110 @@
 body {
   font-family: "Fira Code", monospace;
+  background-color: #282c34;
+  color: #f3f3f3;
+}
+
+a {
+  color: #61adf5;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #c678dd;
+}
+
+header,
+main,
+footer {
+  max-width: 900px;
+  margin: auto;
+}
+
+h1 {
+  margin-top: 70px;
+  font-size: 30pt;
+  text-align: center;
+}
+h2 {
+  font-size: 18pt;
+}
+h3 {
+  font-size: 16pt;
+  font-weight: 400;
+}
+h4 {
+  font-size: 14pt;
+  font-weight: 400;
+}
+p {
+  font-size: 14pt;
+  line-height: 1.7em;
+}
+
+/* ------ */
+/* Header */
+/* ------ */
+header {
+  margin-top: 80px;
+  margin-bottom: 110px;
+}
+
+header h1,
+header h2 {
+  text-align: center;
+}
+
+header h1 {
+  font-size: 40pt;
+  margin-bottom: 60px;
+}
+header h2 {
+  font-size: 20pt;
+  font-weight: 400;
+}
+
+header ul {
+  list-style: none;
+  display: flex;
+  justify-content: space-around;
+}
+header li {
+  font-size: 14pt;
+}
+
+/* ---- */
+/* Main */
+/* ---- */
+main {
+  margin-top: 80px;
+  margin-bottom: 80px;
+}
+
+dd {
+  display: normal;
+}
+
+ul.blog-entries {
+  list-style: none;
+  margin-left: 0;
+  margin-right: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+ul.blog-entries li {
+  font-weight: 400;
+  font-size: 16pt;
+}
+
+/* ------ */
+/* Footer */
+/* ------ */
+footer {
+  border-top: 1px solid #dedede;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  margin-top: 300px;
+  text-align: center;
+  font-size: 12pt;
+  line-height: 1.5em;
 }