Spaces:
Running
Running
Upload index.css
Browse files- public/index.css +8 -7
public/index.css
CHANGED
@@ -10,23 +10,24 @@ body {
|
|
10 |
|
11 |
/* GTA Text */
|
12 |
h1 {
|
13 |
-
|
|
|
14 |
}
|
15 |
/* Vice City Text */
|
16 |
h2 {
|
17 |
font-family: "Satisfy", cursive;
|
18 |
-
text-shadow: 0 0 0.125em rgb(
|
19 |
}
|
20 |
|
21 |
@keyframes pulse {
|
22 |
0% {
|
23 |
-
box-shadow: 0 0 0 0px
|
24 |
}
|
25 |
50% {
|
26 |
box-shadow: 0 0 0 10px rgba(169, 94, 255, 0);
|
27 |
}
|
28 |
100% {
|
29 |
-
box-shadow: 0 0 0 0px rgb(
|
30 |
}
|
31 |
}
|
32 |
|
@@ -142,14 +143,14 @@ div #logo_container::before {
|
|
142 |
position: absolute;
|
143 |
width: 50px;
|
144 |
height: 50px;
|
145 |
-
background-color: rgb(
|
146 |
border-radius: 50%;
|
147 |
animation: ripple 0.4s linear;
|
148 |
}
|
149 |
|
150 |
|
151 |
#playPauseBtn {
|
152 |
-
background-color:
|
153 |
opacity: 35;
|
154 |
border-radius: 50%;
|
155 |
width: 50px;
|
@@ -160,7 +161,7 @@ div #logo_container::before {
|
|
160 |
#playPauseBtn .tooltip-text {
|
161 |
visibility: hidden;
|
162 |
width: 120px;
|
163 |
-
background-color:
|
164 |
transition: opacity 0.3s;
|
165 |
}
|
166 |
|
|
|
10 |
|
11 |
/* GTA Text */
|
12 |
h1 {
|
13 |
+
font-family: "Satisfy", cursive;
|
14 |
+
text-shadow: 0 0 0.125em rgba(38, 147, 211, 0.5), 0 0 0.45em currentColor;
|
15 |
}
|
16 |
/* Vice City Text */
|
17 |
h2 {
|
18 |
font-family: "Satisfy", cursive;
|
19 |
+
text-shadow: 0 0 0.125em rgb(38, 147, 211, 0.5), 0 0 0.45em currentColor;
|
20 |
}
|
21 |
|
22 |
@keyframes pulse {
|
23 |
0% {
|
24 |
+
box-shadow: 0 0 0 0px rgb(0, 153, 255);
|
25 |
}
|
26 |
50% {
|
27 |
box-shadow: 0 0 0 10px rgba(169, 94, 255, 0);
|
28 |
}
|
29 |
100% {
|
30 |
+
box-shadow: 0 0 0 0px rgb(0, 162, 255);
|
31 |
}
|
32 |
}
|
33 |
|
|
|
143 |
position: absolute;
|
144 |
width: 50px;
|
145 |
height: 50px;
|
146 |
+
background-color: rgb(38, 147, 211, 0.5);
|
147 |
border-radius: 50%;
|
148 |
animation: ripple 0.4s linear;
|
149 |
}
|
150 |
|
151 |
|
152 |
#playPauseBtn {
|
153 |
+
background-color: rgb(0, 162, 255);
|
154 |
opacity: 35;
|
155 |
border-radius: 50%;
|
156 |
width: 50px;
|
|
|
161 |
#playPauseBtn .tooltip-text {
|
162 |
visibility: hidden;
|
163 |
width: 120px;
|
164 |
+
background-color: rgb(38, 147, 211, 0.5)
|
165 |
transition: opacity 0.3s;
|
166 |
}
|
167 |
|