:root {
    --mejo-color-one: #1800AE;
    --mejo-color-two: #4D009A;
    --mejo-color-text: whitesmoke;
}

html, body {
    margin: 0;
    height: 100%;
}

body {    
    font-family: 'Share Tech Mono', monospace;
    font-size: 3em;
    color: var(--mejo-color-text);    
    background-image: linear-gradient(135deg, var(--mejo-color-one), var(--mejo-color-two));     
}

.mejoMainWrapper {    
    position: relative;
    text-align: center;
    top: 23%;    
}

.mejoContentWrapper{
    padding-top: 0.1em;
    font-size: 0.6em;
}


.mejoContentWrapperTextDesc{
    padding-top: 40px;
    font-size: 2em;
}

 .mejoContentWrapperTextDesc, .mejoContentWrapperTextDesc span {
    animation-delay: 2s;
    animation-duration: 4s;
    animation-fill-mode: both;
}

/* .mejoContentWrapperTextDesc span { display: inline-block } */

.fadeInBottom { animation-name: fadeInBottom }
@keyframes fadeInBottom {
    from {
        opacity: 0;
        transform: translateY(200%);        
    }
    40% {
        opacity: 0.25;                
    }
    to { opacity: 1 }
}