:root {
  --blanco: #FFF;
  --negro: #111;
  --primario: #009EE2;
  --secundario:#E0F2FC;
  --gris: #F8F6F6;
  --grisclaro: #EFEFEF;
  --grismedio: #BABABA;
  --grisoscuro: #464646;
  --azul: #1D3388;
  --verde: #47AA2B;
  --amarillo: #E8A719;
  --violeta: #450A76;
  --rojo: #C70D22;
  --naranja: #F15613;
  --divider: #E2E2E2;	
  --fuente: 'Rubik', sans-serif;
}

html {
	font-size: 62.5%;
	box-sizing: border-box;
	scroll-snap-type: y mandatory;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body, table, td, textarea, input, select {
	font-size: 1.5rem; /* 1rem = 10px */
	font-family: var(--fuente);
	color: var(--negro);
}

form {
	padding: 0rem;
	margin: 0rem;
}
p {
	padding: 0rem;
	margin: 0rem;
	line-height: 2rem;
}

.button{
	background: none;
	border: none;
}


.fixed {
	position: fixed;
	top: 0;

}