Hi people
Welcome to your new Gatsby site.
Now go build something great.
-
-
-
)
diff --git a/src/styles/footer.module.scss b/src/styles/footer.module.scss
new file mode 100644
index 0000000..9b6ef3f
--- /dev/null
+++ b/src/styles/footer.module.scss
@@ -0,0 +1,10 @@
+@import "./variables.scss";
+
+.footer {
+ padding: 10px;
+ text-align: center;
+}
+
+.link {
+ color: $white;
+}
\ No newline at end of file
diff --git a/src/styles/header.module.scss b/src/styles/header.module.scss
new file mode 100644
index 0000000..23a5b9f
--- /dev/null
+++ b/src/styles/header.module.scss
@@ -0,0 +1,24 @@
+@import "./variables.scss";
+
+.header {
+ overflow: auto;
+}
+
+.links {
+ float: left;
+ ul {
+ list-style: none;
+ li {
+ display: inline;
+ margin: 5px;
+ a {
+ color: $white;
+ text-decoration: none;
+ }
+ }
+ }
+}
+
+.nameLink {
+ font-size: 1.4em;
+}
\ No newline at end of file
diff --git a/src/styles/layout.module.scss b/src/styles/layout.module.scss
new file mode 100644
index 0000000..36e413b
--- /dev/null
+++ b/src/styles/layout.module.scss
@@ -0,0 +1,11 @@
+@import "./variables.scss";
+
+.content {
+ text-align: center;
+ margin: 0 auto;
+
+ @media only screen and (min-width: $breakLarge) {
+ width: 80%;
+ display: flex;
+ }
+}
\ No newline at end of file
diff --git a/src/styles/social.module.scss b/src/styles/social.module.scss
new file mode 100644
index 0000000..8945741
--- /dev/null
+++ b/src/styles/social.module.scss
@@ -0,0 +1,22 @@
+@import "./variables.scss";
+
+
+.socialNavbar {
+
+ float: right;
+ vertical-align: bottom;
+
+ ul {
+ list-style: none;
+ li {
+ display: inline;
+ }
+ }
+ a {
+ color: $white;
+ text-shadow: $black 0px 0px 2px;
+ -webkit-font-smoothing: antialiased;
+ display: inline-block;
+ margin: 10px;
+ }
+}
\ No newline at end of file
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index 27d38ee..ead5570 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -1,6 +1,7 @@
// Colors
$blackRussian: #222129;
$white: #f8f8ff;
+$black: #2f2f2f;
$blue: #0f52bf;
//Fonts