Moved index.html's style sheet from style to home

stylesheets/home.css

@@ -0,0 +1,268 @@
+/*
+Authors: Luna, Willow, Tech, W175B
+Date Created: 9/28/25
+
+
+
+*/
+
+/* Main Document Stylings */
+*{
+  padding: 0;
+  margin: 0;
+
+}
+
+body {
+  background-color: black;
+  color: #00ACAC;
+  font-family: Verdana;
+  margin: 0;
+  width:100%;
+  height:100%;
+  cursor: url('/comet.png'), auto;
+}
+
+a{
+  cursor:crosshair;
+}
+
+#intotitle{
+  text-align: center;
+  size: 50pt;
+  margin: 50px;
+}
+
+.warning{
+  color: #FF0011;
+  word-wrap: break-word;
+}
+
+.title{
+  color: #330822; /*Temp*/
+}
+
+canvas{
+  position: fixed;
+  width: 100vw;
+  height: 100vh;
+  top:0;
+  left:0;
+  right:0;
+  bottom:0;
+
+}
+
+#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: 15%;
+  padding-right: 15%;
+}
+
+::-webkit-scrollbar-track{
+  height: 25%;
+}
+
+
+/* Post Area */
+
+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;
+}
+
+#blogList ul{
+  padding-right: 5%;
+  padding-left: 5%;
+  list-style: none;
+  text-align: center;
+  width:inherit;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+
+/* Individual Posts */
+
+div.post {
+  background-color: #223344;
+  border-radius: 25px;
+  word-wrap:break-word;
+  margin-bottom: 5px;
+  border-color: #225555;
+  border-style: solid;
+  width: 400px;
+  padding: 5%;
+}
+
+.post p{
+  width: 100%;
+  height: 100%;
+}
+
+.post ul, a{
+  color: #ACACAC;
+}
+
+.postImage{
+  width: 50%;
+  aspect-ratio: 1/1;
+  border-radius: 5%;
+}
+
+.postHeader{
+  color: #77FF66;
+}
+
+
+/* Biography */
+
+#bio{
+  border-style:groove;
+  border-radius: 10px;
+  border-color: #442255;
+  padding-left: 5%;
+  padding-right: 5%;
+  height: 45%;
+  overflow: scroll;
+  scroll-behavior: auto;
+  text-align: center;
+}
+
+#bioHeader{
+  text-align: center;
+  
+}
+
+
+#memberList img{
+  width: 25%;
+}
+
+.collumRow{
+  display: flex;
+  width: 100%;
+  height: 100%;
+  margin: 5px;
+}
+
+@media (max-width:800px) {
+  .collumRow{
+    flex-direction: row;
+  }
+}
+
+#memberList{
+  padding-left: 5%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height:100%;
+}
+
+.member{
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  padding: 1px;
+}
+
+.memberPhoto{
+  display: flex;
+  flex-direction: column-reverse;
+  height: 100%;
+  align-items: center;
+}
+
+.memberPhoto img{
+  width: 100%;
+}
+
+.member p{
+  font-size: 9pt;
+}
+
+li.member{
+  border-style: solid;
+  border-color: #25a89d;
+  border-radius: 4px;
+  border-width: 1px;
+  list-style: none;
+  background-color: #767e7e8c;
+  height: 100%;
+  width: 100%;
+  margin: 5px;
+}
+
+a.member{
+  color: #FF00aa;
+  display: flex;
+  flex-direction: column;
+  margin: 3px;
+}
+
+@media (max-width: 800px){
+  div.post{
+    width: auto;
+  }
+
+  ul.mebere{
+    margin: 0 0 0 0;
+  }
+  li.member{
+    width: auto;
+  }
+}
+
+@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%;
+  }
+}
+
+
+
+/* Footer Related*/
+