diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 00000000..4c7ff40f
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+ "liveServer.settings.port": 5502
+}
diff --git a/css/main.css b/css/main.css
index aa561706..6c2e4c30 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,3 +1,135 @@
-/* Add your CSS here */
+/*
+Fonts
+Headings: Poppins - Semi-bold 600
+https://fonts.google.com/specimen/Poppins
+Body: Quicksand - Light 300
+https://fonts.google.com/specimen/Quicksand
+Colors
+Dark beige: #E6DACD
+Light beige: #F4ECE6
+Royal blue: #0150FD
+Black: #000
+White: #FFF */
+/* Add your CSS here */
/* Dont' forget to link this file to your HTML in the */
+
+header {
+ position: fixed;
+ top: 0%;
+ left: 0%;
+ width: 100%;
+ background-color: white;
+ color: #000;
+ padding: 50x;
+ display: flex;
+ justify-content: center;
+}
+.fixed-nav {
+ display: flex;
+ font-weight: bold;
+ justify-content: space-between;
+ padding: 3%;
+
+}
+.nav-left{
+ display: flex;
+ justify-content: left;
+ margin-top: 10%;
+ font-family: "Poppins";
+
+}
+.nav-left p {
+ font-weight: lighter;
+}
+
+
+.nav-right {
+ display: flex;
+ justify-content:space-evenly;
+ margin-top: 10%
+}
+.nav-right a {
+ text-decoration: none;
+ justify-content: right;
+ color: #0050FF;
+ font-size: 15px;
+ padding:2%;
+ font-family: Poppins;
+}
+
+
+body {
+ background-color:#E6DACD;
+
+ /* font-family: 'Quicksand', sans-serif; */
+}
+
+
+
+
+
+
+
+/* footer {
+ background-color: white;
+ padding:50px;
+
+
+} */
+.footer-container {
+ /* position: fixed; */
+
+ /* float: left; */
+ bottom: 0;
+ width: 100%;
+ background-color: white;
+ color: black;
+ text-align: center;
+}
+.row{
+}
+.the-number{
+ position: fixed;
+ left: 0;
+ bottom: 0;
+ float:left;
+ width: 25%;
+ /* width: 100%; */
+ background-color: white;
+ color: black;
+ text-align: left;
+
+}
+.tlf {
+ position: fixed;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ background-color: white;
+ color: black;
+ text-align: center;
+
+}
+.number {
+ float:left;
+ width: 25%;
+ /* position: fixed;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ background-color: white;
+ color: black;
+ text-align: center; */
+
+}
+/* .email {
+ position: fixed;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ background-color: white;
+ color: black;
+ text-align: center;
+
+} */
diff --git a/index.html b/index.html
index cd704c69..0b8c3608 100644
--- a/index.html
+++ b/index.html
@@ -5,15 +5,58 @@
+
+
+
+
Responsive grid project
+
+
+
+
Maya Nelson
/PROJECT MANAGER
+
+