/* Nota: escala de letra en pixeles a em 13.5px = .965em*/
/* Normalización de estilos e implementación de datos fijos */
@font-face {
  font-family: 'Roboto';
  src: url('../fuentes/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fuentes/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fuentes/Roboto-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fuentes/Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fuentes/Roboto-Thin.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

::selection{
	background: none
}

*{
	--blanco: #ffffff;
	--negro: #000000;
	--negro-resaltado: #383838;
	--negro-texto: #616161;
	--fondo-claro: #FAF9FF;
	--negro-fondo: #464646;
	--gris-claro: #b7b7b7;
	--azul-titulos: #698AE0;
	--celeste-fondo: #65CBF4;
	--celeste-degradado: #4BD3FB;
	--rosa-degradado: #B370CF;
	--morado-fondo: #5533C2;
	--morado-titulos: #6470DC;
	--morado-degradado: #5226BE;
	--azul-degradado: #86E7FB;
	margin: 0;
	padding: 0;
}

body{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	background: none;
	line-height: 1.2;
 	font-weight: normal;
  font-family: Roboto, sans-serif;
}

/*animacion de carga*/

#carga{
	width: 100%;
	height: 100vh;
	position: fixed;
	overflow: hidden;
	z-index: 5000;
	background: var(--negro-fondo);
	transition: all 0.5s ease;
	display: flex;
	justify-content: center;
	align-items: center;
}

#barrido{
	transition: all 0.5s ease;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 5500;
	margin-left: 200%;
	background-image: linear-gradient(90deg, var(--morado-degradado), var(--celeste-degradado));
}

#container {
  width: 211px;
  height: 211px;
  transition: all 0.2s ease;
  z-index: 6000;
}