*{padding: 0; margin: 0;}
:root{
    --color-rosa:rgb(255, 0, 242);
    --color-azul:rgb(0, 195, 255);
    --color-morado:rgb(126, 6, 150);
    --efecto-luz: #b2f3fc;
}body{
    background: rgb(14, 14, 14) !important;
    padding: 5px 40px;
    color: #fff;
}.inicio{
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}.contenedor{
    width: 80%;
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}.subContenedor{
    text-align: left;
    display: flex;
    align-items: center;
}.div-color{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background-color: var(--color-azul);
}#dos{
    background-color: var(--color-rosa);
}.elemento{
    flex: 1; padding: 10px 15px;
}.descripcion{
    color: #fff;
}
/*Media queries*/
/*Extra Pequeño*/
@media (max-width: 575.98px){
.elemento{
        flex: 0;
        flex-wrap: wrap;
    }.subContenedor{
    flex-direction: column;
}.contenedor{
    width: 100%;
    flex-wrap: wrap;
    gap: 15px;
}.descripcion{
    display: none;
}
}