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/source/index.html b/source/index.html
index 96cbe6f..d4e617a 100644
--- a/source/index.html
+++ b/source/index.html
@@ -28,6 +28,7 @@
             Search
         </button>
     </form>
+  </div>
     <!--
     <form id="form">
         <input type='search' id="seaching" name="searchBar" placeholder="Search journal...">
diff --git a/source/static/homepage.css b/source/static/homepage.css
index 1aae749..b027324 100644
--- a/source/static/homepage.css
+++ b/source/static/homepage.css
@@ -1,36 +1,39 @@
 /* homepage.css */
 /* Color*/
 body{
-    background-color: #13323b;
+    background-color: #97a5bd;
 }
 .Top-Bar{
-    margin-top: -8cm;
 }
 .Top-Bar > img{
-    position: relative;
-    top: 7.5cm;
+    position: absolute;
 }
 .Top-Bar > h1{
     position: relative;
-    left: 10.5cm;
-    top: 2.2cm;
-    font-size: 3cm;
-    color: #EAA9BC; 
-  
+    text-align: center;
+    font-size: 5rem;
+    color: #E4C3D2;
+    font-family: 'Lucida Sans';
+    padding: 25px 0px 0px 0px;
+    font-weight: 900;
+    margin: 0px
 }
 .Top-Bar > form{
     position: relative;
-    left: 32cm;
+    float: right;
+    margin-right: 12%;
 }
 .Review-boxes {
     position: relative;
 }
 
 .Review-boxes > h2 {
-    position: relative;
-    left: 10cm;
-    font-size: 1.5cm;
-    color: #EAA9BC; 
+    font-family: 'Lucida Sans';
+    display: block;
+    text-align: center;
+    font-size: 2.7rem;
+    color: #E4C3D2;
+    margin-top: 2.5em;
 }
 .Review-boxes > input {
     position: relative;
@@ -38,21 +41,23 @@ body{
     top: -3.5cm;
 }
 
+img#create-btn {
+    position: absolute;
+    left: 12%;
+}
+
 .Filter-box{
-    width:300px;
-    height:700px;
-    background: #8D4E62;
-    position: relative;
-    left: 29.5cm;
-    top: -5.5cm;
+    width: 200px;
+    height: 400px;
+    background: #e4d9e9;
+    position: absolute;
+    border: 5px solid #99a2c2;
+    right: 12%;
 }
 .review-container{
     display: flex;
     position: relative;
-    top: -22cm;
-    left: 5cm;
-    max-width: 900px;
-    flex-wrap: wrap;
+    margin-left: 25%;
 }
 .review-container > div {
     background-color: #f1f1f1;