Update styles.css

styles.css

@@ -2,30 +2,30 @@ body {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
     margin: 0;
     padding: 0;
+    background-color: #1e1e1e;
+    color: white;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh;
-    background-color: #1e1e1e;
-    color: white;
+    overflow: hidden;
 }
 
 #app {
-    width: 90%;
+    width: 100%;
     max-width: 800px;
-    background: #2c2c2c;
-    border-radius: 8px;
-    overflow: hidden;
+    background: #1e1e1e;
     display: flex;
     flex-direction: column;
     height: 100vh;
 }
 
 header {
-    background: #007aff;
+    background: #1e1e1e;
     color: white;
     padding: 1rem;
     text-align: center;
+    border-bottom: 1px solid #333;
 }
 
 main {
@@ -47,22 +47,11 @@ main {
     text-align: center;
     cursor: pointer;
     background: linear-gradient(135deg, #ff6b6b, #f06595);
-}
-
-.grid-item:nth-child(2n) {
-    background: linear-gradient(135deg, #51cf66, #20c997);
-}
-
-.grid-item:nth-child(3n) {
-    background: linear-gradient(135deg, #339af0, #5c7cfa);
-}
-
-.grid-item:nth-child(4n) {
-    background: linear-gradient(135deg, #fcc419, #fab005);
+    transition: transform 0.3s;
 }
 
 .grid-item:hover {
-    opacity: 0.9;
+    transform: scale(1.05);
 }
 
 .grid-item img {
@@ -72,17 +61,28 @@ main {
 }
 
 .grid-item h2 {
-    font-size: 1.25rem;
+    font-size: 1rem;
     margin: 0;
 }
 
+.hidden {
+    display: none;
+}
+
 .detail-view {
     padding: 1rem;
-    display: none;
 }
 
-.detail-view.active {
-    display: block;
+.detail-view img {
+    width: 100%;
+    margin-bottom: 1rem;
+}
+
+footer {
+    background: #1e1e1e;
+    padding: 1rem;
+    text-align: center;
+    border-top: 1px solid #333;
 }
 
 button {
@@ -92,15 +92,8 @@ button {
     padding: 0.5rem 1rem;
     border-radius: 4px;
     cursor: pointer;
-    margin-top: 1rem;
 }
 
 button:hover {
     background-color: #005bb5;
-}
-
-footer {
-    background: #333;
-    padding: 1rem;
-    text-align: center;
 }