diff --git a/MyPortfolio/static/images/placeholder.jpg b/MyPortfolio/static/images/placeholder.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..3423b5f439c951e18a820ced42c22b1bce193aa1
Binary files /dev/null and b/MyPortfolio/static/images/placeholder.jpg differ
diff --git a/MyPortfolio/static/style/main.css b/MyPortfolio/static/style/main.css
index 51862c17e054e38192d99c0f3910e6b38785ece5..11fac95902e36e46b69d69a03a49cf76dbc3f2b2 100644
--- a/MyPortfolio/static/style/main.css
+++ b/MyPortfolio/static/style/main.css
@@ -7,7 +7,7 @@ html, body {
     font-family: "Afacad Flux", sans-serif;
     font-optical-sizing: auto;
     overflow-x: hidden;
-    overflow-y: scroll;
+    overflow-y: hidden;
     /* SIZING */
     margin:0;
     padding:0;
@@ -70,10 +70,57 @@ header a {
     background:rgba(15,15,15,0.9);
 
     /* SIZING */
-    min-height: 60.5%;
-    padding-bottom: 150px;
+    min-height: 60%;
+    padding-bottom: 110px;
     width: 100%;
+}
+
+.info-container {
+
+    height: 60vh;
+    width: 120vh;
+
+    margin-left: auto;
+    margin-right: auto;
+
+    display: flex;
+    justify-content:center;
+    align-items: center;
+
+}
+
+.info-container * {
+    background:rgba(10,10,10,0.9);
+    border-radius: 30px;
+}
+
+.img-container {
+    height: 75%;
+    width: 30vh;
+
+}
+
+.img-container div {
+    width: 100%;
+    margin: 0 auto;
+    text-align: center;
+    font-size: 14px;
+
+    resize: none;
+}
+
+.img-container img {
+    width: 100%;
+}
+
+.intro-box {
+    height: 75%;
+    width: 50%;
+
+    padding: 15px;
+    margin-left: 5vh;
 
+    resize: none;
 }
 
 
@@ -90,7 +137,7 @@ footer {
 
     bottom:0;
     width:100%;
-    height:150px;
+    height:200px;
 
     margin-right: auto;
     margin-left: auto;