diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6f3a291
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index b9559f4..c65a633 100644
--- a/index.html
+++ b/index.html
@@ -3,7 +3,8 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Document</title>
+  <link rel="stylesheet" href="./style.css">
+  <title>Contact Me</title>
 </head>
 <body>
     <form action="results.html" method="GET" enctype="multipart/form-data">
@@ -86,6 +87,6 @@
     <button type="reset">Reset</button>
     <button type="submit">Submit</button>
   </form>
-  <!-- <script src="scripts.js"></script> -->
+  <script src="scripts.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..9663a74
--- /dev/null
+++ b/style.css
@@ -0,0 +1,72 @@
+body {
+    font-family: Arial, Helvetica, sans-serif;
+    background-image: url("./sunset.jpg");
+    background-repeat: no-repeat;
+    background-size: 1600px 1000px;
+    width: 97vw;
+    height: 100vh;
+  }
+ 
+  .logo {
+    width: 150px;
+    height: 100px;
+    margin: 3% 10%;
+  }
+
+  header {
+    display: grid;
+    grid-template-columns: 40% 60%;
+    width: 100%;
+  }
+
+  main {
+    height: auto;
+    width: 100%;
+    display: grid;
+    grid-template-columns: 30% 40% 30%;
+  }
+ 
+  nav > a {
+    margin: 2% 1% 3%;
+    height: 10%;
+    width: 15%;
+    color: black;
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 20px;
+    border-radius: 25px;
+    background: white;
+    padding: 20px;
+    text-align: center;
+    border: 2px solid black;
+  }
+
+  .has-border {
+    border-radius: 25px;
+    border: 2px solid black;
+    background: white;
+    padding: 20px;
+  }
+
+  nav {
+    display: flex;
+    justify-content: flex-end;
+    width: 100%;
+    padding-right: 2%;
+  }
+
+  button {
+    grid-column: 2/3;
+    margin: 3% auto;
+    width: 70%;
+    height: 15%;
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 20px;
+    border-radius: 25px;
+    background:white;
+    padding: 20px;
+    padding-bottom: 5%;
+    text-align: center;
+    color:black;
+    letter-spacing: 16px;
+    font-style: italic;
+  }
\ No newline at end of file
