diff --git a/_includes/head.html b/_includes/head.html
index bd693d5..a4d579b 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -1,5 +1,6 @@
{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}
+
diff --git a/index.html b/index.html
index 68b4034..ff38663 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,9 @@
diff --git a/styles/index.css b/styles/index.css
new file mode 100644
index 0000000..1d31773
--- /dev/null
+++ b/styles/index.css
@@ -0,0 +1,51 @@
+* {
+ margin: 0;
+ padding: 0;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border: transparent;
+ outline: transparent;
+ text-decoration: none;
+ -webkit-transition: .25s ease;
+ transition: .25s ease;
+}
+
+.linkToIcon {
+ padding: 15px;
+ background: black;
+ color: white;
+ font-size: 2em;
+ margin: 10px;
+}
+
+.linkToIcon:hover {
+ background-color: #353131;
+}
+
+.linkToIcon:active {
+ background-color: #3a3535;
+}
+
+.site-footer {
+ background-color: black;
+ color: whitesmoke;
+ font-size: 1.5em;
+ text-align: center;
+ padding: 10px;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-line-pack: center;
+ align-content: center;
+ -ms-flex-item-align: center;
+ align-self: center;
+}
+
+.site-footer a {
+ color: white;
+}
+
+.site-footer a:hover {
+ color: aliceblue;
+}
+/*# sourceMappingURL=index.css.map */
\ No newline at end of file
diff --git a/styles/index.css.map b/styles/index.css.map
new file mode 100644
index 0000000..49d53ca
--- /dev/null
+++ b/styles/index.css.map
@@ -0,0 +1,9 @@
+{
+ "version": 3,
+ "mappings": "AACA,AAAA,CAAC,CAAC;EACE,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,UAAU;EACtB,MAAM,EAAE,WAAW;EACnB,OAAO,EAAE,WAAW;EACpB,eAAe,EAAE,IAAI;EACrB,UAAU,EAAE,SAAS;CACxB;;AAED,AAAA,WAAW,CAAC;EACR,OAAO,EAAE,IAAI;EACb,UAAU,EAAE,KAAK;EACjB,KAAK,EAAE,KAAK;EACZ,SAAS,EAAE,GAAG;EACd,MAAM,EAAE,IAAI;CACf;;AAED,AAAA,WAAW,AAAA,MAAM,CAAA;EACb,gBAAgB,EAAE,OAAe;CACpC;;AAED,AAAA,WAAW,AAAA,OAAO,CAAA;EACd,gBAAgB,EAAE,OAAe;CACpC;;AAED,AAAA,YAAY,CAAA;EACR,gBAAgB,EAAE,KAAK;EACvB,KAAK,EAAE,UAAU;EACjB,SAAS,EAAE,KAAK;EAChB,UAAU,EAAE,MAAM;EAClB,OAAO,EAAE,IAAI;EACb,OAAO,EAAE,IAAI;EACb,aAAa,EAAE,MAAM;EACrB,UAAU,EAAE,MAAM;CACrB;;AAED,AAAA,YAAY,CAAC,CAAC,CAAA;EACV,KAAK,EAAE,KAAK;CACf;;AAED,AAAA,YAAY,CAAC,CAAC,AAAA,MAAM,CAAA;EAChB,KAAK,EAAE,SAAS;CACnB",
+ "sources": [
+ "index.scss"
+ ],
+ "names": [],
+ "file": "index.css"
+}
\ No newline at end of file
diff --git a/styles/index.scss b/styles/index.scss
new file mode 100644
index 0000000..c8c58e2
--- /dev/null
+++ b/styles/index.scss
@@ -0,0 +1,45 @@
+// Made by github user talmax1124
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ border: transparent;
+ outline: transparent;
+ text-decoration: none;
+ transition: .25s ease;
+}
+
+.linkToIcon {
+ padding: 15px;
+ background: black;
+ color: white;
+ font-size: 2em;
+ margin: 10px;
+}
+
+.linkToIcon:hover{
+ background-color: rgb(53, 49, 49);
+}
+
+.linkToIcon:active{
+ background-color: rgb(58, 53, 53);
+}
+
+.site-footer{
+ background-color: black;
+ color: whitesmoke;
+ font-size: 1.5em;
+ text-align: center;
+ padding: 10px;
+ display: flex;
+ align-content: center;
+ align-self: center;
+}
+
+.site-footer a{
+ color: white;
+}
+
+.site-footer a:hover{
+ color: aliceblue;
+}
\ No newline at end of file