Update index.html
Browse files- index.html +12 -3
index.html
CHANGED
|
@@ -36,17 +36,26 @@
|
|
| 36 |
position: absolute;
|
| 37 |
top: 20px;
|
| 38 |
left: 20px;
|
| 39 |
-
z-index:
|
| 40 |
font-family: 'IBM Plex Mono', monospace;
|
| 41 |
-
color: #
|
| 42 |
-
font-size: 0.
|
| 43 |
letter-spacing: 1px;
|
| 44 |
text-align: left;
|
|
|
|
| 45 |
padding: 8px 12px;
|
| 46 |
border-radius: 6px;
|
| 47 |
max-width: 40vw;
|
| 48 |
}
|
| 49 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 50 |
p {
|
| 51 |
color: rgb(107, 114, 128);
|
| 52 |
font-size: 15px;
|
|
|
|
| 36 |
position: absolute;
|
| 37 |
top: 20px;
|
| 38 |
left: 20px;
|
| 39 |
+
z-index: 999;
|
| 40 |
font-family: 'IBM Plex Mono', monospace;
|
| 41 |
+
color: #fff;
|
| 42 |
+
font-size: 0.8vw;
|
| 43 |
letter-spacing: 1px;
|
| 44 |
text-align: left;
|
| 45 |
+
background-color: rgba(0, 0, 0, 0.5);
|
| 46 |
padding: 8px 12px;
|
| 47 |
border-radius: 6px;
|
| 48 |
max-width: 40vw;
|
| 49 |
}
|
| 50 |
|
| 51 |
+
@media (max-width: 600px) {
|
| 52 |
+
#event-info {
|
| 53 |
+
font-size: 3vw;
|
| 54 |
+
max-width: 90vw;
|
| 55 |
+
}
|
| 56 |
+
}
|
| 57 |
+
|
| 58 |
+
|
| 59 |
p {
|
| 60 |
color: rgb(107, 114, 128);
|
| 61 |
font-size: 15px;
|