added old raw newsletter site

css/main.css

+/*
+ * Theme für das provisorische games.asta Frontend des AStA 2020
+ * https://games.asta.uni-goettingen.de
+ */
+
+html {
+    font-family: sans-serif;
+}
+
+/*body {
+    background-image: url(../img/banner_top.png), url(../img/banner_bottom.png);
+    background-repeat: no-repeat, no-repeat;
+    background-position: top center, bottom center;
+    background-size: contain, contain;
+    padding: 20px;
+}*/
+
+body {
+    background-image: url(../img/banner_top.png);
+    background-repeat: no-repeat;
+    background-position: top center;
+    background-size: cover;
+    padding: 20px;
+}
+
+header, main, footer {
+    display: block;
+    margin: 20px 0;
+    border-bottom: 2px solid #666;
+}
+
+header {
+}
+
+article {
+    padding: 20px;
+    display: flex;
+    justify-content: center;
+    flex-flow: row wrap;
+    align-content: stretch;
+    margin: -20px;
+}
+
+article section {
+    /*border: 4px #c0f solid;
+    border-radius: 10px;*/
+    padding: 20px;
+    margin: 20px;
+    width: 20%;
+    min-width: 420px;
+    text-align: center;
+    background-color: #eee;
+    box-shadow: 2px 2px 2px #ddd;
+}
+
+article section a {
+    display: block;
+    font-weight: bold;
+    color: #a41d81;
+    margin: 10px 0;
+    text-decoration: none;
+}
+
+article section a img {
+    width: 400px;
+    height: 300px;
+    border: 2px groove #a41d81;
+}
+
+article section details {
+    margin: 10px 0;
+    text-align: left;
+}
+
+h2, h3, h4 {
+    margin: 10px 0;
+}
+
+details summary {
+    cursor: pointer;
+    font-weight: bold;
+/*    list-style: none;*/
+}
+