1 files changed, 118 insertions, 0 deletions
diff --git a/_site/assets/css/style.css b/_site/assets/css/style.css
new file mode 100644
index 0000000..b3f637d
--- /dev/null
+++ b/_site/assets/css/style.css
@@ -0,0 +1,118 @@
+/* Body */
+body
+{
+    color: var(--text-color);
+    background-color: var(--bg-color);
+
+	font-size: calc(12px + 0.390625vw);
+	font-family: "Courier New";
+
+    margin: 2vh auto;
+    max-width: 80vw;
+}
+
+/* Navbar & footer*/
+nav ul, footer ul
+{
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+
+    display: flex;
+    justify-content: space-between;
+}
+
+nav a, footer a
+{
+    padding: 0.1rem 1rem;
+    margin: 0rem 0.3rem;
+
+    text-align: center;
+    text-decoration: none;
+    text-transform: uppercase;
+
+    background-color: var(--link-bg-color);
+    color: var(--link-color); 
+	border: 1px solid var(--link-bg-color);
+}
+
+nav a:hover, footer a:hover
+{ 
+    color: var(--link-bg-color);
+    background-color: var(--bg-color);
+}
+
+/* 
+    MAIN
+*/
+
+main h1, main h2, main h3, main h4 
+{
+    color: var(--title-color);
+}
+
+main h1
+{
+    text-align: center;
+    text-transform: uppercase;
+}
+
+main a 
+{
+    color: var(--link-bg-color);
+}
+
+/* Date for link */
+main li a + p 
+{
+    display: inline;
+    margin: 1vw;
+
+    font-size: small;
+}
+
+/* Blockquote */
+main blockquote 
+{
+    padding-left: 1vw;
+
+    background-color: var(--link-bg-color);
+    color: var(--link-color);
+    border-left: 2px solid var(--quote-border);
+}
+
+/* Tags */
+main .tags li
+{
+    display: inline;
+}
+
+/* Footer */
+footer 
+{
+    text-align: center;
+}
+
+footer #social ul
+{
+    padding: 5px;
+    justify-content: center;
+}
+
+/* Responsive design */
+@media screen and (max-width: 700px) 
+{
+    body 
+    {
+	font-size: 10px;
+    }
+}
+
+@media screen and (max-width: 500px) 
+{
+    nav ul, footer ul 
+    {
+	flex-direction: column;
+	gap: 0.5rem;
+    }
+}