/* Importa la fuente Roboto y la fuente de iconos Material Symbols Outlined */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

body {
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
  font-family: 'Roboto', sans-serif;
  font-size: 2em;
  margin: 0;
  
  /* Usa flexbox para alinear el icono y el texto */
  gap: 10px; /* Espacio entre el icono y el texto */
}

/* Estilo para el icono */
.material-symbols-outlined {
  font-size: 2em; /* Tamaño del icono */
  line-height: 1; /* Ayuda con la alineación vertical */
}