Updated the visual look and added content

1 files changed, 43 insertions, 4 deletions

diff --git a/style.css b/style.css
index f3cf369..66a183c 100755
--- a/style.css
+++ b/style.css
@@ -1,3 +1,8 @@
+body {
+  background-color: #040217;
+  color: #ccccff;
+}
+
 header{
     display: flex;
     justify-content: space-between;
@@ -10,7 +15,7 @@ header{
 }
 
 #contacts{
-    display: flex;
+  display: none;
 }
 
 #contacts p{
@@ -29,7 +34,14 @@ header{
     height: 2px;
     margin-bottom: 5px;
     position: relative;
-    background: black;
+    background: white;
+}
+
+@media screen and (min-width: 750px) {
+  #contacts {
+    display: flex;
+    align-items: center;
+  }
 }
 
 /* Slideshow container */
@@ -41,14 +53,14 @@ header{
   
   /* Caption text */
   .text {
-    color: black;
+    color: #ccccff;
     font-size: 150%;
     padding: 8px 12px;
     position: absolute;
     bottom: 8px;
     width: 100%;
     text-align: center;
-    background-color: white;
+    background-color: #040217;
   }
   
   /* The dots/bullets/indicators */
@@ -100,4 +112,31 @@ header{
 #picture img{
   height: 100%;
   width: 100%;
+}
+
+@media screen and (min-width: 1000px) {
+  #desc-and-pic-container{
+    flex-wrap: initial;
+  }
+  #picture img{
+    padding-top: 10px;
+  }
+}
+
+#project-list-container{
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  align-items: center;
+  padding-top: 10px;
+}
+
+#project-list-container a {
+  color: white;
+  text-decoration: none;
+}
+
+#latest-project-pics img{
+  height: 100%;
+  width: 100%;
 }
\ No newline at end of file