better single page

assets/css/main.css

@@ -221,6 +221,9 @@ a {
 main {
     margin: 3.8em auto;
     max-width: 1000px;
+}
+
+.home {
     padding: 0 4em;
     display: grid;
     gap: 40px;
@@ -439,3 +442,38 @@ footer {
 .overview h2 {
     color: #600303;
 }
+
+/* Single */
+
+.event h2 {
+    margin-top: 2em;
+}
+
+.artists-table {
+    gap: 10px;
+    display: flex;
+}
+
+.event-cover {
+    padding: 2em;
+    float: right;
+}
+
+.event-intro {
+    margin-bottom: 50px;
+}
+
+.artist-entry {
+    display: flex;
+    flex-direction: column;
+    flex: 1 1 0;
+    border-radius: 10px;
+    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
+    padding: 20px;
+    align-items: center;
+    max-width: 450px;
+}
+
+.artist-description {
+    text-align: center;
+}