Created Blog Post Template Page

stylesheets/posts.css

@@ -0,0 +1,58 @@
+body{
+    background-image: url("/media/Art/EmptySpace.png");
+}
+
+#mainView{
+    background-color: #44607754;
+    
+    border-radius: 20px;
+    border-style: double;
+    border-color: silver;
+    
+    padding: 15px;
+
+    text-align: center;
+    height: 92vh;
+    margin-top: 2vh;
+}
+
+@media (min-width: 800px){
+    body{
+        background-image: url("/media/Art/EmptySpace.png");
+        background-size: 10%;
+    }
+}
+
+.postHeader{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+#postTitle{
+    color: lightseagreen;
+    padding: 0;
+    margin: 0;
+}
+
+#postSubTitle{
+    color:lightcoral;
+    margin: 0;
+}
+
+#postDate{
+    color: lightgreen;
+}
+
+.postBody{
+    text-align: center;
+    color: #00ffc8;
+    margin: 10px;
+    border-style: solid;
+    border-color: lightblue;
+    border-radius: 25px;
+    height: 70vh;
+    overflow: scroll;
+    word-wrap: break-word;
+    padding: 1% 5%;
+}