comic styling

1 files changed, 27 insertions, 9 deletions

diff --git a/comic/assets/css/comic.css b/comic/assets/css/comic.css
index c647875..f571a16 100644
--- a/comic/assets/css/comic.css
+++ b/comic/assets/css/comic.css
@@ -1,18 +1,36 @@
-img.comic {
-    width: 100%;
-}
-
-header {
-    margin: auto;
+body {
+    background-color: #cdb7f6;
 }
 
-main, header {
+main, header, footer {
     display: flex;
     flex-flow: column;
     align-items: center;
     margin: auto;
+    border-radius: 0.5rem;
+    background-color: white;
+}
+
+@media (min-width: 768px) {
+    main, header, footer {
+        padding: 0 5rem 0 5rem !important;
+    }
+}
+
+main, footer {
+    margin-top: 0.5rem;
+}
+
+img.comic {
+    width: 100%;
+    border: 0.1rem solid black;
+}
+
+p {
+    text-align: center;
+    margin: 0.2rem;
 }
 
-div.huge-vertical-spacer-at-the-bottom {
-    height: 10rem;
+p.description {
+    margin-top: 3rem;
 }
\ No newline at end of file