* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --franjas-estilo:
        linear-gradient( 90deg,
        transparent 0px, transparent 20px, 
        var( --gris-claro ) 20px, var( --gris-claro ) 30px,
        transparent 30px, transparent 40px, 
        var( --gris-claro ) 40px, var( --gris-claro ) 50px,
        transparent 50px, transparent 60px, 
        var( --gris-claro ) 60px, var( --gris-claro ) 70px,
        transparent 70px, transparent 80px, 
        var( --gris-claro ) 80px, var( --gris-claro ) 90px
        );

    --border-radius: 16px;
    --ancho-pagina: 60%;
    /* colores fondo */
    --gris-oscuro: rgba( 121, 121, 121, 0.5 );
    --gris-claro: rgba( 178, 178, 178, 0.2 );
    /* rojo de fuentes */
    --rojo-fuente: rgb( 219, 65, 97 )
}

body {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 1.2rem;
    background-color: black;
    width: 100vw;
    /* min-height: 100vh; */
    height: 100vh;
    
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    gap: 2rem;
    /* background-color: red; */
}