:root {
    --color-primario: rgb(255, 255, 255);
    --color-primario-oscuro: rgb(244, 244, 244);
    --color-secundario:rgb(113, 153, 226);
    --color-terciario: rgb(46, 44, 44);
    --color-terciario-oscuro: rgb(24, 23, 23);
    --font-color: rgb(250, 250, 141);
    --font-titulo: Helvetica;
}

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

body {
    font-family: "Segoe UI",'Helvetica', 'Franklin Gothic Medium', Arial, sans-serif;
    padding: 100px 0 400px 0;
    background-color: var(--color-primario);
    position: relative;
}


/*Media query de 1070px*/

@media  (max-width:1070px) {
    body {
        padding-top: 182px;
    }
}

/*Media query de 862px*/

@media (max-width:862px) {
    body {
        padding-bottom: 750px;
    }
}