Made a style for the home page with 2 sections

style.css

@@ -2,8 +2,131 @@
    HTML content. To learn how to do something, just try searching Google for questions like
    "how to change link color." */
 
+
 body {
-  background-color: white;
-  color: black;
+  background-color: black;
+  color: #00ACAC;
   font-family: Verdana;
+  margin: 0;
+  width:100%;
+  height:100%;
+}
+#intotitle{
+  text-align: center;
+  size: 50pt;
+}
+#backgroundSim{
+  position: absolute;
+  top:0;
+  left:0;
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+}
+
+div#imagelinks{
+  position: fixed;
+  bottom:0;
+}
+
+div#mainview{
+  height:83vh;
+  padding-left:25%;
+  padding-right:25%;
+}
+
+div#postarea{
+  /*position: absolute;
+  left: 25%;
+  right:25%;
+   */
+  height: 50pc;
+  text-align: center;
+  
+  border-style: dashed;
+  border-radius: 5pc;
+  border-color: aqua;
+  height: 40vh;
+  overflow: scroll;
+  scroll-behavior: auto;
+  float:center;
+  scrollbar-width: thin;
+
+  margin-bottom: 10px;
+}
+
+::-webkit-scrollbar-track{
+  height: 25%;
+}
+
+
+div#blogList{
+  display: flex;
+  align-items: center;
+  width:100%;
+  
+}
+
+#blogList ul{
+  padding-right: 5%;
+  padding-left: 5%;
+  list-style: none;
+  text-align: center;
+  width:inherit;
+}
+
+
+
+div#post{
+  background-color: #223344;
+  border-radius: 25px;
+  word-wrap:break-word;
+  margin-bottom: 5px;
+  border-color: #225555;
+  border-style: solid;
+}
+
+#post ul, a{
+  color: #ACACAC;
+}
+
+img#post{
+  width: 50%;
+  height: 50%;
+  border-radius: 5%;
+}
+
+#bio{
+  border-style:groove;
+  border-radius: 10px;
+  border-color: #442255;
+  padding-left: 5%;
+  padding-right: 5%;
+  height: 45%;
+}
+
+#bioHeader{
+  text-align: center;
+  
+}
+
+#memberList{
+  padding-left: 5%;
+}
+@media (min-width: 1000px){
+  div#postarea{
+    position:absolute;
+    left: 5%;
+    right: 51%;
+    top: 15%;
+    height: 70%
+
+  }
+  #bio{
+    position: absolute;
+    right:5%;
+    left: 51%;
+    top:15%;
+    height:70%;
+  }
 }