new article, added background

1 files changed, 60 insertions, 4 deletions

diff --git a/html/style.css b/html/style.css
index 4221417..06f7c5d 100644
--- a/html/style.css
+++ b/html/style.css
@@ -8,6 +8,7 @@
 	--magenta: #b294bb;
 	--cyan: #b4d6d1;
 	--white: #c5c8c6;
+	--bg-light: #303030;
 	--bg: #191919;
 	--line: 2px;
 }
@@ -20,9 +21,15 @@
 
 body {
 	background-color: var(--bg);
+	background-image: url("https://davidovski.xyz/images/bg.png");
+	background-position: absolute;
+	background-repeat: no-repeat;
+	background-size: cover;
 	color: var(--fg);
 	font-family: mononoki;
-	font-size: 16px
+	font-size: 16px;
+	padding: 0;
+	margin: 0;
 }
 
 a {
@@ -30,11 +37,27 @@ a {
 	text-decoration: none;
 }
 
+h1 {
+	color: var(--white);
+}
+
+h2 {
+	color: var(--cyan);
+}
+
+h3 {
+	color: var(--blue);
+}
+
+
 .main {
+	background-color: var(--bg);
 	margin-top: 0;
 	margin-bottom: 0;
-	margin-left: 20%;
-	margin-right: 20%;
+	margin-left: auto;
+	margin-right: auto;
+
+	width: 70%;
 
 	padding: 2%;
 	height: 100%;
@@ -60,7 +83,7 @@ hr {
 	border-bottom: var(--line) solid var(--fg);
 }
 .title {
-	font-size: 40px;
+	font-size: 45px;
 	color: var(--fg);
 }
 .small {
@@ -81,3 +104,36 @@ a.blue {
 	color: --var(blue);
 }
 
+code {
+	background-color: var(--bg-light);
+	font-size: 16px;
+	font-family: mononoki;
+	word-wrap: break-word;
+	width: 100%;
+}
+
+pre {
+	background-color: var(--bg-light);
+        white-space: pre-wrap;
+	padding: 5px;
+	border: var(--line) solid var(--fg);
+
+}
+
+.grid {
+	display: inline;
+}
+
+.about {
+	width: 75%;
+	float: left;
+}
+
+.image {
+	width: 25%;
+	float: right;
+}
+
+img {
+	width: 100%;
+}