From 9dbb5529a504f22651a2142395b27d3248338b36 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Laure=CE=B7t?= <laurentfainsin@protonmail.com>
Date: Thu, 19 Nov 2020 17:47:11 +0100
Subject: [PATCH] feat: css finally

---
 pages/css/blink.css | 27 ++++++++++++++++++++++++
 pages/css/main.css  | 51 ++++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 75 insertions(+), 3 deletions(-)
 create mode 100644 pages/css/blink.css

diff --git a/pages/css/blink.css b/pages/css/blink.css
new file mode 100644
index 0000000..7999ab9
--- /dev/null
+++ b/pages/css/blink.css
@@ -0,0 +1,27 @@
+*::selection {
+    background: #c0c5ce;
+    color: #1c1f26;
+  }
+  *::-moz-selection {
+    background: #c0c5ce;
+    color: #1c1f26;
+  }
+  *::-webkit-selection {
+    background: #c0c5ce;
+    color: #1c1f26;
+  }
+  
+  @keyframes blink {
+    0% { opacity: 1.0; }
+    50% { opacity: 0.0; }
+    100% { opacity: 1.0; }
+  }
+  @-webkit-keyframes blink {
+    0% { opacity: 1.0; }
+    50% { opacity: 0.0; }
+    100% { opacity: 1.0; }
+  }
+  .blink {
+    animation: blink 1s step-start 0s infinite;
+    -webkit-animation: blink 1.5s step-start 0s infinite;
+  }
\ No newline at end of file
diff --git a/pages/css/main.css b/pages/css/main.css
index fd31ec3..03c8520 100644
--- a/pages/css/main.css
+++ b/pages/css/main.css
@@ -2,19 +2,64 @@
     scrollbar-color: #202324 #454a4d;
 }
 
-html {
+html, body {
     background-color: #232830;
 }
 
 body {
     font-family: 'Lora', serif;
-    font-size: 21px;
-    background-color: #232830;
+    font-size: 26px;
     text-rendering: optimizeLegibility;
+    max-width: 40em;
+    margin: 0 auto;
+    padding: 1em;
+}
+
+body, a {
+    color: #c0c5ce;
 }
 
 a {
     text-decoration: underline;
     text-decoration-color: #283593;
     text-decoration-thickness: 2px;
+}
+
+a:hover {
+    text-decoration: underline;
+    text-decoration-color: #5f5fc4;
+    text-decoration-thickness: 2px;
+}
+
+p {
+    margin-bottom: .7em;
+    text-align: justify;
+}
+
+h1 {
+    font-size: 1.9em;
+    margin-bottom: .7em;
+}
+
+ol, ul {
+    margin: .7em 0 0 1.3em;
+}
+  
+li {
+    margin-bottom: 0.3em;
+}
+
+hr {
+    border: 0;
+    border-top: 1px dashed #d2d2d2;
+    height: 0;
+    margin: 1.6em 0;
+}
+
+header {
+    margin: 1.3em 0 2em;
+}
+
+.blink {
+    margin-left: -5px;
 }
\ No newline at end of file