/* formato para página principal */
@import url("https://fonts.googleapis.com/css2?family=Alkatra&display=swap");

body {
  background-color: rgb(10, 32, 56);
}

.botonera {
  /* posición de la botonera */
  position: fixed;
  top: 5%;
  left: 85%;
}

button {
  background: #ffffff; /* color de fondo */
  color: #4741d7; /* color de fuente */
  border: 3px solid #020107; /* tamaño y color de borde */
  padding: 16px 16px;
  border-radius: 3px; /* redondear bordes */
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
  width: 80%;
  height: 40%;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

a {
  text-decoration: none;
}

#ingresar {
  margin-right: 5px;
}

#volver {
  margin-left: 0px;
}

.titulo {
  width: 100%;
  margin: auto;
  height: 10%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: rgb(44, 110, 160);
  font-size: 200%;
  color: rgb(131, 184, 197);
  text-align: center;
  font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  letter-spacing: 1.15em;
}

.info {
  /* ALTO Y ANCHO */
  width: 80%;
  margin: auto;
  margin-top: 3%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.texto {
  /* diseño/formato del texto */
  width: 60%; /* Ancho */
  padding-right: 3%;
  font-size: 200%;/* Tamaño de la fuente */
  font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;/* Fuente */
  color: rgb(131, 184, 197);/* Color */
  text-align: justify;/* Tipo de escritura (justificado) */
}

.imagen {
  width: 25%; /* Seccion dentro de la informacion que ocupa la imagen */
}

.imagen img {
  width: 100%;
  border-radius: 10%;
  border: 10px solid rgb(52, 124, 197);
}