2022-12-10 12:14:48 +03:00
|
|
|
#welcome {
|
2022-12-11 16:22:22 +03:00
|
|
|
text-align: center;
|
2022-12-19 19:16:45 +03:00
|
|
|
background-image: radial-gradient(
|
|
|
|
closest-side at 50% 50%,
|
|
|
|
var(--bg-faded-color),
|
|
|
|
transparent
|
|
|
|
);
|
2022-12-10 12:14:48 +03:00
|
|
|
}
|
|
|
|
|
2022-12-19 19:16:45 +03:00
|
|
|
#welcome h1 {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
font-size: 1.2em;
|
|
|
|
}
|
2022-12-10 12:14:48 +03:00
|
|
|
#welcome img {
|
2022-12-19 19:16:45 +03:00
|
|
|
vertical-align: top;
|
|
|
|
}
|
|
|
|
|
|
|
|
#welcome h2 {
|
|
|
|
font-size: 3em;
|
|
|
|
letter-spacing: -0.05ex;
|
|
|
|
margin: 16px 0;
|
|
|
|
padding: 0;
|
|
|
|
/* gradiented text */
|
|
|
|
background: linear-gradient(45deg, var(--purple-color), var(--red-color));
|
|
|
|
-webkit-background-clip: text;
|
|
|
|
-webkit-text-fill-color: transparent;
|
2022-12-10 12:14:48 +03:00
|
|
|
}
|
2022-12-19 19:16:45 +03:00
|
|
|
|
|
|
|
@keyframes psychedelic {
|
2022-12-10 12:14:48 +03:00
|
|
|
0% {
|
2022-12-19 19:16:45 +03:00
|
|
|
filter: hue-rotate(0deg);
|
2022-12-10 12:14:48 +03:00
|
|
|
}
|
|
|
|
100% {
|
2022-12-19 19:16:45 +03:00
|
|
|
filter: hue-rotate(360deg);
|
2022-12-10 12:14:48 +03:00
|
|
|
}
|
|
|
|
}
|
2022-12-19 19:16:45 +03:00
|
|
|
#welcome:hover h2 {
|
|
|
|
animation: psychedelic 60s infinite;
|
2022-12-10 12:14:48 +03:00
|
|
|
}
|