feat: update styling for Hebrew memory game cards to enhance visual appeal
Browse files- static/index.html +1 -1
static/index.html
CHANGED
|
@@ -262,7 +262,7 @@ body.memory-game{overflow:hidden}
|
|
| 262 |
.mg-bead.he .mg-back i{background:repeating-linear-gradient(180deg,rgb(226 255 252/.34) 0 4%,transparent 4% 12%,rgb(19 78 84/.28) 12% 17%,transparent 17% 25%)}
|
| 263 |
.mg-bead.ar .mg-back{border-color:#72500d} /* Arabic stays amber; Hebrew uses the turquoise bead above. */
|
| 264 |
.mg-face{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6%;text-align:center;border:3px solid #c9a24a;background:radial-gradient(circle at 30% 24%,#fff 0 6%,transparent 9%),radial-gradient(circle at 38% 32%,#fffdf3,#f6e7bd 55%,#d9b86a 100%);color:#3c2800;box-shadow:inset calc(var(--d) * -.07) calc(var(--d) * -.09) calc(var(--d) * .13) rgb(120 80 10/.3),0 calc(var(--d) * .08) calc(var(--d) * .12) rgb(0 0 0/.42)}
|
| 265 |
-
.mg-face.he{font:800 calc(var(--d) * .19)/1.15 var(--f-body)}
|
| 266 |
.mg-face.ar{border-color:#924d12;background:radial-gradient(circle at 30% 24%,#fff 0 6%,transparent 9%),radial-gradient(circle at 38% 32%,#fff0d3,#ffbd72 55%,#e78329 100%);color:#481d05}
|
| 267 |
.mg-face .tr{display:block;font:700 calc(var(--d) * .19)/1.55 var(--f-tr);letter-spacing:.04em;white-space:nowrap;-webkit-text-stroke:.025em currentColor} /* the points bold enough to read on a phone */
|
| 268 |
.mg-face .sh::before,.vt-say .sh::before{top:-.14em;width:.56em;height:.33em}
|
|
|
|
| 262 |
.mg-bead.he .mg-back i{background:repeating-linear-gradient(180deg,rgb(226 255 252/.34) 0 4%,transparent 4% 12%,rgb(19 78 84/.28) 12% 17%,transparent 17% 25%)}
|
| 263 |
.mg-bead.ar .mg-back{border-color:#72500d} /* Arabic stays amber; Hebrew uses the turquoise bead above. */
|
| 264 |
.mg-face{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6%;text-align:center;border:3px solid #c9a24a;background:radial-gradient(circle at 30% 24%,#fff 0 6%,transparent 9%),radial-gradient(circle at 38% 32%,#fffdf3,#f6e7bd 55%,#d9b86a 100%);color:#3c2800;box-shadow:inset calc(var(--d) * -.07) calc(var(--d) * -.09) calc(var(--d) * .13) rgb(120 80 10/.3),0 calc(var(--d) * .08) calc(var(--d) * .12) rgb(0 0 0/.42)}
|
| 265 |
+
.mg-face.he{border-color:#285d65;background:radial-gradient(circle at 30% 24%,#f2ffff 0 6%,transparent 9%),radial-gradient(circle at 38% 32%,#dff7f4,#77c5c2 55%,#347a80 100%);color:#123f45;font:800 calc(var(--d) * .19)/1.15 var(--f-body)}
|
| 266 |
.mg-face.ar{border-color:#924d12;background:radial-gradient(circle at 30% 24%,#fff 0 6%,transparent 9%),radial-gradient(circle at 38% 32%,#fff0d3,#ffbd72 55%,#e78329 100%);color:#481d05}
|
| 267 |
.mg-face .tr{display:block;font:700 calc(var(--d) * .19)/1.55 var(--f-tr);letter-spacing:.04em;white-space:nowrap;-webkit-text-stroke:.025em currentColor} /* the points bold enough to read on a phone */
|
| 268 |
.mg-face .sh::before,.vt-say .sh::before{top:-.14em;width:.56em;height:.33em}
|