.grid-container {
    background: radial-gradient(79.43% 251.58% at 23.18% 73.07%,#0142a0 0,#0f133a 44.41%,
    #101034 56.43%,#141034 69.58%,#301436 100% ,#411958 0);
    color:#fff;
    padding: 2rem 1rem 0;

    }


@media screen and (min-width: 1024px) {
    .grid-container{
        display: grid;
        grid-template-columns: repeat(2, 1fr);


        }
    }


.hijo {
    
    margin: 0 auto;
    display: flex;
    justify-content: center;
    color:#fff;
    background-color: #27292a;
    border-radius: 25px; 
    padding: 2rem 1rem 0;
    margin-bottom: 100px
    }

.title {
    font-family: Orbitron, sans-serif;
    font-size: 1.5rem;
}

.derscription {
    font-size: 0.8rem;

}

.line-2{
    color: #00d084 ;
}


@media screen and (min-width: 1024px) {
    .title {


        font-size: 2.5rem;

    }
    .derscription {
        font-size: 1rem;

    }
}


.countdown {
    justify-content: center;
    align-items: center;
    font-size: 0.8rem;
    margin-bottom: 1rem;
}

.countdown-item {
    padding: 0 .75rem;
    align-items: center;
    position: relative;
}

.countdown-item:before {
    position: absolute;
    right: 0;
    content: "";
    display: block;
    width: 1px;
    height: 60%;
    background: #fff;
    opacity: .5;
}


.countdown-number{
    font-size: 1.75em;
    font-weight: bold;
    margin-right: .25rem;
    color: #00d084;
}

.countdown-letter{
    opacity: .5;
}


.form-container {
    height: 2.5rem;
}

.form{
    display: flex;
}