Mirror page reopen - Open Access addition

style.css

@@ -10,6 +10,7 @@
   --accent-0: #c8beb5;
   --accent-1: #f18d74;
   --accent-2: #e3beb3;
+  --accent-3: #2e2827;
   --subtitle: #aca4a0;
 
   --title-background: #00000075;
@@ -69,6 +70,10 @@ a:hover {
   color: var(--max-1);
 }
 
+img {
+  display: block;
+}
+
 .load-enable img {
   -webkit-animation: load 2s ease-in-out infinite alternate;
   animation: load 2s ease-in-out infinite alternate;
@@ -662,6 +667,40 @@ footer#free {
   transition: ease-in-out 200ms;
 }
 
+/* Mirror List */
+.ly-mirror {
+  display: flex;
+  width: min(95%, 1200px);
+  margin: 20px auto;
+
+  background-color: var(--accent-3);
+}
+.ly-mirror img,
+.ly-mirror picture {
+  width: 250px;
+  height: 250px;
+  object-fit: cover;
+  margin-right: 20px;
+  animation: load 1s infinite alternate;
+}
+.ly-mirror h1,
+.ly-mirror h2,
+.ly-mirror h3 {
+  margin: 0;
+}
+.ly-mirror h3 {
+  text-align: center;
+  background-color: var(--background);
+  margin-bottom: 5px;
+}
+.ly-mirror h1 {
+  font-size: x-large;
+}
+.ly-mirror h2 {
+  font-size: larger;
+  font-family: "mono", monospace;
+}
+
 /* Directory List Pages */
 .list {
   width: min(95%, 850px);