86 lines
1.4 KiB
CSS
86 lines
1.4 KiB
CSS
.bg-gradient {
|
|
background-color: rgba(101,0,94,1)!important;
|
|
background-size: 400% 400%!important;
|
|
height: 100vh!important;
|
|
}
|
|
|
|
@keyframes gradient {
|
|
0% {
|
|
background-position: 0% 0%;
|
|
}
|
|
50% {
|
|
background-position: 100% 100%;
|
|
}
|
|
100% {
|
|
background-position: 0% 0%;
|
|
}
|
|
}
|
|
|
|
.wave {
|
|
background: rgb(255 255 255 / 25%);
|
|
border-radius: 1000% 1000% 0 0;
|
|
position: fixed;
|
|
width: 200%;
|
|
height: 12em;
|
|
animation: wave 10s -3s linear infinite;
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 0.8;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: -1;
|
|
}
|
|
|
|
.wave:nth-of-type(2) {
|
|
bottom: -1.25em;
|
|
animation: wave 18s linear reverse infinite;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.wave:nth-of-type(3) {
|
|
bottom: -2.5em;
|
|
animation: wave 20s -1s reverse infinite;
|
|
opacity: 0.9;
|
|
}
|
|
|
|
@keyframes wave {
|
|
2% {
|
|
transform: translateX(1);
|
|
}
|
|
|
|
25% {
|
|
transform: translateX(-25%);
|
|
}
|
|
|
|
50% {
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
75% {
|
|
transform: translateX(-25%);
|
|
}
|
|
|
|
100% {
|
|
transform: translateX(1);
|
|
}
|
|
}
|
|
|
|
.tg-link {
|
|
color: #00e5ff!important;
|
|
text-decoration: none!important;
|
|
}
|
|
|
|
.tg-link:link {
|
|
color: #00e5ff!important;
|
|
text-decoration: none!important;
|
|
}
|
|
|
|
.tg-link:visited {
|
|
color: #00ff2d!important;
|
|
text-decoration: none!important;
|
|
}
|
|
|
|
.tg-link:hover {
|
|
color: #f9ff00!important;
|
|
text-decoration: none!important;
|
|
}
|