2024-01-25 15:51:50 +01:00
|
|
|
body {
|
|
|
|
height: 200% !important;
|
|
|
|
}
|
|
|
|
|
2024-01-25 12:58:01 +01:00
|
|
|
.user-index-header-text {
|
|
|
|
width: 80%;
|
|
|
|
margin: auto;
|
|
|
|
text-align: left;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-index-h1 {
|
|
|
|
font-size: 4rem;
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-index-h2 {
|
|
|
|
font-size: 3.3rem;
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.outlined-text {
|
|
|
|
-webkit-text-fill-color: transparent;
|
|
|
|
-webkit-text-stroke: 2.2px #8c00ff;
|
2024-01-25 15:50:51 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.user-index-h1,
|
|
|
|
.user-index-h2 {
|
|
|
|
opacity: 0; /* Initially set opacity to 0 */
|
|
|
|
transform: translateX(-20px); /* Move elements outside the viewport to the left */
|
|
|
|
transition: opacity 0.8s ease, transform 0.8s ease; /* Apply transition effect */
|
|
|
|
}
|
|
|
|
|
|
|
|
.visible {
|
|
|
|
opacity: 1;
|
|
|
|
transform: translateX(0); /* Move elements back to their original position */
|
|
|
|
}
|