.elementor-275 .elementor-element.elementor-element-a0d7b37{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-aea8eb6 *//* styles.css */

body {
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background-color: #000;
    color: #fff;
}

.fade-in-text {
    opacity: 0;
    animation: fadeIn 3s ease-in-out forwards;
    font-size: 2rem;
}

/* Keyframe animation for fade-in effect */
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px); /* Optional: move text slightly up */
    }
    100% {
        opacity: 1;
        transform: translateY(0); /* Return to original position */
    }
}/* End custom CSS */