diff --git a/public/assets/icons/favicon.png b/public/assets/icons/favicon.png
new file mode 100644
index 0000000..c499120
Binary files /dev/null and b/public/assets/icons/favicon.png differ
diff --git a/public/assets/styles/main.css b/public/assets/styles/main.css
new file mode 100644
index 0000000..cf23989
--- /dev/null
+++ b/public/assets/styles/main.css
@@ -0,0 +1,138 @@
+/*
+ ___ _ __ ___ _ __ _ __ ___ _ __ __ _ _ __ ___
+ / __| '__/ __| | '_ \| '__/ _ \ '_ \ / _` | '__/ _ \
+ \__ \ | | (__ | |_) | | | __/ |_) | (_| | | | __/
+ |___/_| \___|____| .__/|_| \___| .__/ \__,_|_| \___|
+ |_____|_| |_|
+*/
+
+
+/* General */
+
+* {
+ background-repeat: no-repeat;
+}
+
+html,
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+
+body {
+ font-family: Arial, Helvetica, sans-serif;
+}
+
+
+/* Menu */
+
+#top {
+ background-color: rgba(51, 51, 51, 1);
+ height: 6%;
+ overflow: hidden;
+}
+
+#top ul {
+ list-style-type: none;
+ margin: 0;
+ overflow: hidden;
+ padding: 0.5%;
+}
+
+#top li {
+ float: left;
+}
+
+#top li a {
+ color: rgba(255, 255, 255, 1);
+ display: block;
+ height: 100%;
+ padding: 14px 16px;
+ text-align: center;
+ text-decoration: none;
+}
+
+#top li a:hover {
+ background-color: rgba(1, 1, 1, 1);
+}
+
+
+/* Logo */
+
+#src_prepare, #src, #prepare {
+ background-color: RGBA(88, 86, 86, 1);
+ margin: 0;
+ padding: 0;
+ text-align: center;
+}
+
+#src_prepare {
+ height: 30%;
+}
+
+#src {
+ font-size: 1000%;
+}
+
+#prepare {
+ font-size: 3vw;
+}
+
+
+/* About */
+
+#about {
+ background-color: rgba(43, 40, 40, 1);
+ color: rgba(153, 156, 150, 1) ;
+ height: 60%;
+ padding: 1% 5% 1% 5%;
+}
+
+#about a {
+ text-decoration: none;
+}
+
+#about a:link {
+ color: rgba(42, 161, 152, 1);
+}
+
+#about a:visited {
+ color: rgba(133, 153, 0, 1);
+}
+
+
+/* Footer */
+
+footer {
+ background-color: rgba(0, 0, 0, 1);
+ color: rgba(255, 255, 255, 1);
+ font-size: 1.1vh;
+ height: 20%;
+ padding: 1% 5% 1% 5%;
+ text-align: center;
+}
+
+
+.fcol {
+ float: left;
+ height: 50%;
+ text-align: center;
+ width: 33%;
+}
+
+.fcol ul {
+ list-style-type: none;
+}
+.fcol a {
+ text-decoration: none;
+}
+
+.fcol a:link {
+ color: rgba(42, 161, 152, 1);
+}
+
+.fcol a:visited {
+ color: rgba(133, 153, 0, 1);
+}
diff --git a/public/devs.html b/public/devs.html
index 3e5ecfa..afe5186 100644
--- a/public/devs.html
+++ b/public/devs.html
@@ -23,6 +23,7 @@
Developers (src_prepare)
+
diff --git a/public/index.html b/public/index.html
index ad90167..e1e197f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -23,6 +23,7 @@
Home (src_prepare)
+
diff --git a/public/packages.html b/public/packages.html
index bd1cef4..db9797b 100644
--- a/public/packages.html
+++ b/public/packages.html
@@ -23,6 +23,7 @@
Developers (src_prepare)
+
diff --git a/public/shoutouts.html b/public/shoutouts.html
index c39e475..5408c0d 100644
--- a/public/shoutouts.html
+++ b/public/shoutouts.html
@@ -23,6 +23,7 @@
Shoutouts (src_prepare)
+
diff --git a/public/why.html b/public/why.html
index 5b6b42b..b58f586 100644
--- a/public/why.html
+++ b/public/why.html
@@ -23,6 +23,7 @@
Why (src_prepare)
+