*{ 
    margin: 0; /*quito todos los espacion hacia abajo*/
    padding: 0; /*quito todos los margenes*/
    vertical-align: baseline;
    
}

*,
*::before,
::after{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
html{
    scroll-behavior: smooth;
}
body{
    min-height: 100vh; /*que ocupe el 100% del tamaño vertical del navegador*/
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
}
ul, ol{
    list-style: none;
}
a{
    display: block;/*para manipularlos como una caja*/
    text-decoration: none;/*quitamos a los enlaces el subrayado*/
}
p a{ /*para los enlaces que están dentro de una parrafo no tengan un display block para que no se produzca un salto de línea dentro de parrafo*/
    display: inline;
}
img, video, iframe, picture, figure{
    max-width: 100%;
    display: block;/*para manipularlos como una caja*/
}
form, input, select, textarea, button, label{
    display: block;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}