.my-countdown{
    color: #ffffff !important;
    z-index: 100 !important;
    
}
.countdown-component{
    position: relative;
    bottom: 10vh;
    transform: scale(1.5);
    z-index: 300;
}
.my-countdown .circle {
    margin: 15px;
}
.my-countdown .circle .number {
    transform: scale(2);
    font-family: 'PlayFair Display';
    padding: 1rem;
}
.btn-entrar{
    background-color: var(--verde);
    border-radius: 15px;
    margin-top: 10%;
}
.btn-entrar:hover{
    background-color: var(--oliva);
}
.btn-welcome{
    background-color: var(--white);
    color: var(--verde);
    border-radius: 15px;
}
.btn-welcome:hover{
    background-color: var(--verde);
    color: var(--white);
}
.input-welcome{
    background-color: var(--crema);
}
.cd-title{
    font-family: 'Playfair Display';
    font-style: italic;
}
@media (max-width: 650px){
    .ttNames{ 
        font-size: 3rem !important;
    }
    .text-hero{bottom: 10vh !important;}
    #subhero{font-size: 2rem !important;}
    .my-countdown .circle .number{transform: none; padding: 0.1rem;}
    .my-countdown .circle{margin: 0px;}
    .countdown-component{
    position: relative;
    bottom: 20vh;
    transform: scale(1.5);
    z-index: 300;
}
}