Tweak index layout when aspect ratio drops below 1

1 files changed, 18 insertions, 0 deletions

diff --git a/stylesheets/index.css b/stylesheets/index.css
index 23949cc..020375c 100644
--- a/stylesheets/index.css
+++ b/stylesheets/index.css
@@ -51,3 +51,21 @@ a#next-concert:hover {
 #next-concert #day {
     font-weight: 600;
 }
+
+@media (max-aspect-ratio: 1/1) {
+    body {
+        background-image: url('/images/photos/PierreVaillant2.jpg');
+        background-position: bottom;
+    }
+
+    main {
+        display: flex;
+        justify-content: center;
+    }
+
+    a#next-concert {
+        bottom: auto;
+        left: auto;
+        top: 10%;
+     }
+}