-
- 
- 
- 
- 
- 
- 
-
-
-
-
-
-
-
-
+
+
+
+
diff --git a/src/style.css b/src/style.css
index c124ad8..f82ff0e 100644
--- a/src/style.css
+++ b/src/style.css
@@ -853,4 +853,52 @@ body {
.os-grid {
grid-template-columns: 1fr;
}
+}
+
+.gallery-grid {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 15px;
+}
+
+.gallery-item {
+ background: #1a1a1a;
+ padding: 4px;
+ border: 4px solid #7c7c7c;
+ border-right-color: #262626;
+ border-bottom-color: #262626;
+ transition: transform 0.2s cubic-bezier(0.18, 0.89, 0.32, 1.28);
+}
+
+.gallery-item:hover {
+ transform: scale(1.05);
+ z-index: 10;
+ outline: 4px solid var(--highlight-yellow);
+}
+
+.gallery-frame {
+ background: #000;
+ border: 4px solid #3c3c3c;
+ position: relative;
+ overflow: hidden;
+ aspect-ratio: 16/9;
+}
+
+.gallery-frame img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ display: block;
+}
+
+@media (max-width: 900px) {
+ .gallery-grid {
+ grid-template-columns: repeat(2, 1fr);
+ }
+}
+
+@media (max-width: 600px) {
+ .gallery-grid {
+ grid-template-columns: 1fr;
+ }
}
\ No newline at end of file
Community Gallery
-Check out more on our official Discord server.
+A collection of moments and creations shared by the Emerald Legacy community.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+