diff --git a/index.html b/index.html
index 22782da..2b81e52 100644
--- a/index.html
+++ b/index.html
@@ -26,7 +26,10 @@
}
body {
- margin: 2rem;
+ padding: 2rem;
+ max-width: 960px;
+ margin: auto;
+ margin-bottom: 1000px;
}
h1 {
@@ -48,13 +51,13 @@
display: flex;
justify-content: center;
align-items: center;
- width: 75%;
aspect-ratio: 3/2;
- max-height: 400px;
+ height: 350px;
+ max-width: 75%;
border-radius: 1rem;
border: 1px solid #ced4da;
- background-color: #f1f3f5;
+ background-color: #ffd8a8;
color: #343a40;
transition: box-shadow 0.8s cubic-bezier(0.25, 1, 0.5, 1);
@@ -65,8 +68,13 @@
}
}
+ &[data-scroll-direction="y"] .slide {
+ max-width: initial;
+ height: 150px;
+ }
+
.slide:nth-child(even) {
- background-color: #e9ecef;
+ background-color: #e5dbff;
@media (prefers-color-scheme: dark) {
background-color: #343a40;