Updated the website.

css/styles.css

@@ -1,7 +1,9 @@
 body {
   font-family: 'Roboto', sans-serif;
   color: rgb(200, 195, 188);
-  margin: -20px 0
+  margin: -20px 0;
+  background-color:#27313f
+  
 }
 
 p {
@@ -317,7 +319,7 @@ ul {
   background-color: rgba(45, 58, 75, 0.5);
   padding: 0px 60px;
   position: relative;
-  margin: 10vh auto 0 auto;
+  margin: 5vh auto 0 auto;
 }
 
 .home-content h1 {
@@ -336,7 +338,7 @@ ul {
 }
 
 .home-content .home-box-content {
-  margin-top: 45px;
+  margin-top: 25px;
   background-color: #455871;
   position: relative;
   right: -100px;
@@ -415,6 +417,7 @@ ul {
 
 #links .about-content .about-box-text {
   text-align: center;
+  margin-top: 30px;
 }
 
 .about-content .about-box-text h4 {
@@ -719,6 +722,10 @@ ul {
     margin-right: 15px;
   }
 
+  #links .about-content .about-box-text {
+    margin-top: -250px;
+  }
+
   .projects-content {
     width: 100vh;
     height: 100vh;
@@ -1408,4 +1415,49 @@ body.lb-disable-scrolling {
 
 li {
   padding-bottom: 5px;
-}
+}
+
+.dropbtn { 
+  background-color: #455871; 
+  color: white; 
+  padding: 16px; 
+  font-size: 16px; 
+  border: none; 
+  cursor: pointer; 
+} 
+
+.dropdown { 
+  position: relative; 
+  display: inline-block; 
+  float: right;
+  padding-top: 20px;
+} 
+
+.dropdown-content { 
+  display: none; 
+  position: absolute; 
+  background-color: #455871; 
+  min-width: 160px; 
+  box-shadow: 0px 8px 16px  
+      0px rgba(0, 0, 0, 0.2); 
+  z-index: 1; 
+} 
+
+.dropdown-content a { 
+  color: white; 
+  padding: 12px 16px; 
+  text-decoration: none; 
+  display: block; 
+} 
+
+.dropdown-content a:hover { 
+  background-color: #4d627e 
+} 
+
+.dropdown:hover .dropdown-content { 
+  display: block; 
+} 
+
+.dropdown:hover .dropbtn { 
+  background-color: #4d627e; 
+}