1 files changed, 176 insertions, 0 deletions
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..fa60005
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,176 @@
+/* ---------------------- */
+/* General configurations */
+/* ---------------------- */
+body {
+  font-family: "Fira Code", monospace;
+  background-color: #282c34;
+  color: #f3f3f3;
+}
+
+nav,
+header,
+main,
+footer {
+  max-width: 900px;
+  margin: auto;
+}
+
+h1,
+h2,
+h3,
+h4 {
+  margin-top: 1.6em;
+  margin-bottom: 1em;
+}
+
+h1 {
+  font-size: 30pt;
+  text-align: center;
+}
+
+h2 {
+  font-size: 18pt;
+}
+
+h3 {
+  font-size: 16pt;
+}
+
+h4 {
+  font-size: 14pt;
+  font-weight: 400;
+}
+
+p {
+  font-size: 12pt;
+  line-height: 1.5em;
+}
+
+a {
+  color: #61adf5;
+  text-decoration: none;
+}
+
+a:hover {
+  color: #c678dd;
+}
+
+li {
+  line-height: 1.7em;
+  font-size: 12pt;
+}
+
+pre {
+  padding-left: 20px;
+  margin-top: 2em;
+  margin-bottom: 2em;
+}
+
+code {
+  color: #98c379;
+}
+
+pre code {
+  font-size: 12pt;
+  font-weight: 500;
+}
+
+dd {
+  display: normal;
+}
+
+/* ------ */
+/* Navbar */
+/* ------ */
+
+nav {
+  display: flex;
+}
+
+nav ul {
+  width: 100%;
+  list-style: none;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0;
+}
+
+.nav-item {
+  text-align: center;
+  width: 3em;
+  height: 1.5em;
+  padding: 5%;
+  font-size: 14pt;
+  font-weight: 500;
+}
+
+.nav-item a {
+  color: #e5c07b;
+}
+
+.nav-item a:hover {
+  color: #e06c75;
+}
+
+/* ---------------- */
+/* Header and main */
+/* ---------------- */
+
+header {
+  margin-top: 80px;
+  margin-bottom: 110px;
+}
+
+header h1,
+header h2 {
+  text-align: center;
+}
+
+header h1 {
+  font-size: 54pt;
+  margin-top: 1em;
+  margin-bottom: 0.6em;
+}
+
+header h2 {
+  font-size: 20pt;
+  font-weight: 400;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+/* ---- */
+/* Home */
+/* ---- */
+
+ul.posts-list {
+  list-style: none;
+}
+
+ul.posts-list h2 {
+  margin-top: 1.6em;
+  margin-bottom: 0.7em;
+}
+
+.date {
+  text-align: right;
+}
+
+/* ------ */
+/* Footer */
+/* ------ */
+footer {
+  border-top: 1px solid #dedede;
+  padding-top: 25px;
+  padding-bottom: 8px;
+  margin-top: 100px;
+  text-align: center;
+  line-height: 1.3em;
+}
+
+footer p {
+  font-size: 10pt;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}