Spaces:
Sleeping
Sleeping
Update static/main.css
Browse files- static/main.css +27 -0
static/main.css
CHANGED
|
@@ -98,3 +98,30 @@ button:hover {
|
|
| 98 |
margin-top: 10px;
|
| 99 |
font-weight: bold;
|
| 100 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 98 |
margin-top: 10px;
|
| 99 |
font-weight: bold;
|
| 100 |
}
|
| 101 |
+
.example-images {
|
| 102 |
+
margin-top: 20px;
|
| 103 |
+
}
|
| 104 |
+
|
| 105 |
+
.examples {
|
| 106 |
+
display: flex;
|
| 107 |
+
justify-content: center;
|
| 108 |
+
gap: 20px;
|
| 109 |
+
}
|
| 110 |
+
|
| 111 |
+
.examples div {
|
| 112 |
+
text-align: center;
|
| 113 |
+
}
|
| 114 |
+
|
| 115 |
+
.example-img {
|
| 116 |
+
width: 150px; /* Adjust size as needed */
|
| 117 |
+
height: auto;
|
| 118 |
+
border-radius: 5px;
|
| 119 |
+
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
|
| 120 |
+
cursor: pointer;
|
| 121 |
+
transition: transform 0.3s ease-in-out;
|
| 122 |
+
}
|
| 123 |
+
|
| 124 |
+
.example-img:hover {
|
| 125 |
+
transform: scale(1.05);
|
| 126 |
+
}
|
| 127 |
+
|