1 files changed, 140 insertions, 0 deletions
diff --git a/resources/style.css b/resources/style.css
new file mode 100644
index 0000000..b0c66fa
--- /dev/null
+++ b/resources/style.css
@@ -0,0 +1,140 @@
+:root {
+	--fg: #f58F44;
+	--black: #707880;
+	--red: #cc6666;
+	--green: #b5bd68;
+	--yellow: #f0c674;
+	--blue: #5f819d;
+	--magenta: #b294bb;
+	--cyan: #b4d6d1;
+	--white: #c5c8c6;
+	--bg-light: #303030;
+	--bg: #191919;
+	--line: 2px;
+}
+
+
+@font-face {
+  font-family: mononoki;
+  src: url(mononoki.woff);
+}
+
+body {
+	background-color: var(--bg-light);
+    background-image: url("/images/bg.gif");
+    background-repeat: repeat;
+
+	/*background-image: url("https://davidovski.xyz/images/bg.png");*/
+	background-position: absolute;
+	color: var(--fg);
+	font-family: mononoki;
+	font-size: 16px;
+	padding: 0;
+	margin: 0;
+}
+
+a {
+	color: var(--blue);
+	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: auto;
+	margin-right: auto;
+
+	width: 70%;
+
+	padding: 2%;
+	height: 100%;
+
+	border-left: var(--line) solid var(--fg);
+	border-right: var(--line) solid var(--fg);
+	border-bottom: var(--line) solid var(--fg);
+}
+
+.header {
+	text-align: center;
+}
+
+.links {
+	text-align: center justify;
+	text-justify: inter-word;
+	#white-space: nowrap;
+}
+
+hr {
+	width: 100%;
+	border: 0;
+	border-bottom: var(--line) solid var(--fg);
+}
+.title {
+	font-size: 45px;
+	color: var(--fg);
+}
+.small {
+	font-size: 9px;
+	padding: 0;
+	color: var(--black);
+}
+
+a.red {
+	color: --var(red);
+}
+
+a.green {
+	color: --var(green);
+}
+
+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%;
+}