diff --git a/cloud.svg b/cloud.svg
new file mode 100644
index 0000000..4432e71
--- /dev/null
+++ b/cloud.svg
@@ -0,0 +1,5 @@
+
\ No newline at end of file
diff --git a/css/main.css b/css/main.css
index 83ec658..70b6e2d 100644
--- a/css/main.css
+++ b/css/main.css
@@ -3,6 +3,7 @@
html {
background-color: #1c0920;
color: white;
+ font-family: Source Sans Pro, sans-serif;
}
a {
@@ -147,6 +148,7 @@ li:hover .dropdown, .dropdown li:hover .submenu, li:focus-within .dropdown, .dro
height: 100vh;
text-align: center;
min-height: 40em;
+ margin-bottom: 4rem
}
#header h1 {
@@ -254,12 +256,114 @@ hr::after {
background-size: 100% 150%;
}
+main {
+ width: 64em;
+ max-width: calc(100% - 4em);
+ background-color: #ffffff12;
+ border: 2px solid #553f59;
+ margin: auto;
+ color: #fffd;
+}
+
+main > section {
+ padding: 3em 5em;
+ border-bottom: 2px solid #553f59;
+}
+
+main section h2 {
+ font-size: 2em;
+ font-weight: 300;
+ line-height: 1.5;
+ margin: 0 0 0.7em 0;
+ letter-spacing: -0.025em;
+}
+
+main section.main h2 {
+ text-align: center;
+}
+
+main section.main h2::after {
+ display: block;
+ content: '';
+ width: 65%;
+ height: 2px;
+ margin: 0.7em auto 1em auto;
+ border-radius: 2px;
+}
+
+main section.main h2::after {
+ background-image: -moz-linear-gradient(90deg, transparent, #422d4f, #df7366, #422d4f, transparent);
+ background-image: -webkit-linear-gradient(90deg, transparent, #422d4f, #df7366, #422d4f, transparent);
+ background-image: -ms-linear-gradient(90deg, transparent, #422d4f, #df7366, #422d4f, transparent);
+ background-image: linear-gradient(90deg, transparent, #422d4f, #df7366, #422d4f, transparent);
+}
+
+.main footer {
+ margin: 1.5em 0.5em 0;
+ opacity: 0.85;
+ text-align: left;
+}
+
+#services ul {
+ margin: 0;
+ padding: 0;
+ display: flex;
+ flex-flow: row wrap;
+ justify-content: center;
+}
+
+#services li {
+ width: 25%;
+ font-size: 1rem;
+ text-align: center;
+ padding: 15px 5px;
+ line-height: 1.5em;
+ box-sizing: border-box;
+}
+
+#services li .icon {
+ display: block;
+ width: 30%;
+ margin: 0 auto 18px;
+ border: 2px solid white;
+ padding: 25px;
+ border-radius: 50%;
+ position: relative;
+}
+
+#services li .icon::before {
+ display: block;
+ width: calc(100% - 20px);
+ height: calc(100% - 20px);
+ border-radius: 100%;
+ border: solid 2px white;
+ content: "";
+ position: absolute;
+ top: 8px;
+ left: 8px;
+}
+
+#services li img, #services li svg {
+ width: 100%;
+}
+
+#services li img.black {
+ filter: invert(100%);
+}
+
+#services li a:first-of-type {
+ display: block;
+ font-size: 1.4em;
+ padding-bottom: 10px;
+}
+
#contact {
display: flex;
- border: 2px solid #553f59;
- width: 80%;
+ border: 0;
+ padding: 0;
+ /*width: 80%;
margin: auto;
- background-color: #ffffff12;
+ background-color: #ffffff12;*/
}
#contact * {
@@ -380,4 +484,12 @@ hr::after {
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
+}
+
+main footer, body > footer {
+ line-height: 0.8rem;
+ margin: 2.5em 0 2em 0;
+ font-size: 0.8em;
+ text-align: center;
+ opacity: 0.75;
}
\ No newline at end of file
diff --git a/git.svg b/git.svg
new file mode 100644
index 0000000..847a9eb
--- /dev/null
+++ b/git.svg
@@ -0,0 +1,5 @@
+
\ No newline at end of file
diff --git a/index.html b/index.html
index 64f088b..1777acb 100644
--- a/index.html
+++ b/index.html
@@ -8,93 +8,118 @@
-
+
+