.article1 {
    position: relative;
    height: 100vh;
    background-color: var(--main-color);
    z-index: 2;
}

.a1-text {
    font-size: 45rem;
    font-weight: 700;
    text-align: center;
}

.reveal-text,
.reveal-text2 {
    color: rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(to right, #2db8a8dc, #2db8a8dc);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    -webkit-background-clip: text;
    background-clip: text;
}


/*==================================================*/
@media (max-width: 550px) {
    .a1-text {
        font-weight: 500;
    }
}