Start implementing basic index structure

assets/css/screen.css

@@ -29,7 +29,19 @@ html, body {
     /* make the html always expand to the window size */
     height: 100%;
     width: 100%;
+    margin: 0;
+    padding: 0;
 }
+
+a {
+    color: white;
+    text-decoration: none;
+}
+
+a:hover {
+    color: pink;
+}
+
 /* Generic class to make things unselectable */
 .unselectable {
     -moz-user-select: none;
@@ -39,6 +51,38 @@ html, body {
     -o-user-select: none;
 }
 
+.ptheme-index-header_main {
+    background-color: #34233b;
+    height: 200px;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+}
+
+.ptheme-index-header_main h1 {
+    margin: auto;
+}
+
+.ptheme-content_main {
+    max-width: 1260px;
+    width: 80%;
+    margin: auto;
+    overflow: hidden;
+}
+
+.ptheme-index-post_article {
+    padding: 20px 0;
+}
+
+a.ptheme-index-post_article_link {
+    display: flex;
+    flex-direction: row;
+}
+
+.ptheme-index-post_feature-image {
+    max-width: 100%;
+}
+
 .kg-width-wide {
     margin: 0;
 }