38 lines
653 B
CSS
38 lines
653 B
CSS
.bannerContainer {
|
|
padding: 3rem;
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
background: linear-gradient(
|
|
130deg,
|
|
#fa52521f 0%,
|
|
var(--mantine-color-dark-6) 35%,
|
|
var(--mantine-color-dark-6) 100%
|
|
) !important;
|
|
}
|
|
|
|
.scrollContainer {
|
|
height: 100%;
|
|
transform: rotateZ(10deg);
|
|
}
|
|
|
|
@keyframes scrolling {
|
|
0% {
|
|
transform: translateY(0);
|
|
}
|
|
100% {
|
|
transform: translateY(-50%);
|
|
}
|
|
}
|
|
|
|
.scrollAnimationContainer {
|
|
animation: scrolling;
|
|
animation-timing-function: linear;
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.scrollAnimationContainer {
|
|
animation: none !important;
|
|
}
|
|
}
|