/*RESETEAMOS TODOS LOS ELEMENTOS DEL DOM,USAMOS SELECTOR UNIVERSAL= *  */
*{
  margin:0;/*MARGEN 0,PARA QUE AUTOMATICAMENTE SE QUITEN LOS MARGENES DE LOS ELEMENTOS QUE TIENEN POR DEFECTO*/
  padding:0;/*MARGENES INTERIORES ,PARA QUE SE QUITEN TODOS LOS ESPACIADOS QUE TENGAN POR DEFECTO*/
  vertical-align: baseline;/*ALINEACION VERTICAL*/
}

*, *::before, *::after{/*ESTILOS UNIVERSALES DEL BOX-SIZING EN GENERAL Y A LAS PSEUDOELEMENTOS*/

    box-sizing: border-box;/*PARA QUE CUANDO HAGA UN PADDING A UN ELEMENTO,EL TAMAÑO DE ESA CAJA NO VARIE,SIGA IGUAL*/
    -webkit-box-sizing: border-box;/*COMPATIVILIDAD DEL BOX-SIZING PARA OTRAS WEB*/
    -moz-box-sizing: border-box;/*COMPATIVILIDAD DEL BOX-SIZING PARA OTRAS WEB*/

}

html{/*ESTILO A TODO EL HTML*/
    scroll-behavior: smooth;/*UN SCROLL, PARA SI HAY ALGUN ANCLA,O ALGUN MOVIMIENTO DE LA PAGINA ENTRE ANCLAS,EL SCROLL QUE SE HAGA SEA SUAVIZADO*/ 

}

body{/*ESTILO A TODO EL BODY*/
 scroll-behavior: smooth;/*UN SCROLL, PARA SI HAY ALGUN ANCLA,O ALGUN MOVIMIENTO DE LA PAGINA ENTRE ANCLAS,EL SCROLL QUE SE HAGA SEA SUAVIZADO*/
 text-rendering: optimizeSpeed;/*PARA QUE RENDERICE  LAS FUENTES DE UNA FORMA MAS RAPIDA */
 line-height: 1.5;/*ALTURA DE LINEA*/
 min-height:100vh ;/*ALTURA MINIMA/100vh=SIGNIFICA QUE OCUPE EL 100% DE LA ALTURA VERTICAL QUE TIENE LA PAGINA,EL BODY,LA WEB */

}

ul,ol{/*ESTILO A TODAS LAS CAJAS DE LISTAS(UL=DESORDENADAS Y OL=ORDENADAS)*/

    list-style: none;/*QUITAR EL ESTILO DE LAS LISTAS QUE TRAE POR DEFECTO*/

}

a{ /*ESTILO A TODOS LOS ENLACES*/
  display: block;/*PARA QUE ACTUEN COMO UN BLOQUE,Y LAS PODAMOS MANIPULARR FACILMENTE COMO SI FUERAN UNA CAJA*/
  text-decoration: none;/*QUITAR LAS DECORACIONES QUE TRAE POR DEFECTO*/
  font-family: inherit;/*TIPO DE FUENTE, HEREDADO,PARA QUE LO HEREDE DEL PADRE*/
  font-size: inherit;/*TIPO DE TAMAÑO DE FUENTE, HEREDADO,PARA QUE LO HEREDE DEL PADRE*/
  color:inherit;/*TIPO DE COLOR DE LETRAS, HEREDADO,PARA QUE LO HEREDE DEL PADRE*/

} 


p a{/*ESTILO A LOS ENLACES QUE ESTEAN DENTRO DE LOS PARRAFOS*/
    display:inline;/*LOS ELEMENTOS SE COMPORTAN COMO UN ELEMENTO EN LINEA,PARA QUE LOS ENLACES QUE ESTEAN DENTRO DE LOS PARRAFOS
     NO TENGAN UN DISPLAY:BLOCK,PARA QUE NO SE PODRUZCA UN SALTO DE LINEA DENTRO DEL PARRAFO*/
    
    


}

img, video, iframe, picture, figure{/*MISMO ESTILO A TODAS ESTAS ETIQUETAS*/
    max-width: 100%;/*ANCHO MAXIMO DEL 100%*/
    display: block;/*PARA QUE ACTUEN COMO UN BLOQUE,Y LAS PODAMOS MANIPULARR FACILMENTE COMO SI FUERAN UNA CAJA*/

}

form, input, select, textarea, button, label{/*MISMO ESTILO A TODAS ESTAS ETIQUETAS,PORQUE LO QUE SUELE PASAR ES QUE CAMBIAN LA FUENTE.*/
    display: block;/*PARA QUE ACTUEN COMO UN BLOQUE,Y LAS PODAMOS MANIPULARR FACILMENTE COMO SI FUERAN UNA CAJA*/
    font-family: inherit;/*TIPO DE FUENTE, HEREDADO,PARA QUE LO HEREDE DEL PADRE*/
    font-size: inherit;/*TIPO DE TAMAÑO DE FUENTE, HEREDADO,PARA QUE LO HEREDE DEL PADRE*/
    color:inherit;/*TIPO DE COLOR DE LETRAS, HEREDADO,PARA QUE LO HEREDE DEL PADRE*/

}