/*página de estilos para oracion.html*/
img{
    width: 160px;
    height: 240px;
    margin-left: 20px;
}

.contenedor-titulo{
  display: flex; /* Activa el modo flexible */
  align-items: right; /* Centra la imagen verticalmente con el texto */
  gap: 15px; /* Añade espacio entre el texto y la imagen */
}

h2{
    color: #FFA07A;
    text-align: center;
    font-weight: 900;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: 900;
    margin-left: 30px;
    font-size: 35px;
}

ul{
    list-style-type: none;
    margin-left: 0;
}

a{
    text-decoration: none;
    color: #DC143C;
    font-size: 17px;
}

p{
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: brown;
    font-size: 22px;
    text-align: justify;
    background-color: #f4f5da;
    padding: 10px;
}

p1{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: blue;
    font-size: 20px;
    font-weight: 400;
    background-color: #c6f1ef;
    border-radius: 7px;
}

.oracion {
  background-color: #DAA520;
  width: 200px;
  height: 70px;
  font-size: 20px;
  font-family: Georgia;
  font-style: oblique;
  font-weight: 900;
  margin: 10px;
  padding: 5px;
  border: 5px;
  border-radius: 15%;
  border-color: #DAA520;
  text-align: center;
  color: #0000FF;
  cursor: pointer;
  }
  .oracion:hover {
    background-color: #c8ee8b;
  }

  .inicio{
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 18;
  margin: 15px;
  color: #990033;
  background-color: #FFCC00;
  border-radius: 4px;
  border-color: #FFCC00;
  width: 50px;
  height: 30px;
  padding: 3px;
  text-align: center;
  cursor: pointer;
  font-weight: 900;
  font-style: italic;
}

.libros{
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 18;
  margin: 15px;
  color: #2904ac;
  background-color: #FFFFE0;
  border-radius: 4px;
  border-color: #FFFFE0;
  width: 55px;
  height: 30px;
  padding: 3px;
  text-align: center;
  cursor: pointer;
  font-weight: 900;
  font-style: italic;
}

.entremeses{
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 20;
  margin: 15px;
  color: #0c5002;
  background-color: #FFE4B5;
  border-radius: 4px;
  border-color: #FFE4B5;
  width: 90px;
  height: 30px;
  padding: 3px;
  text-align: center;
  cursor: pointer;
  font-weight: 900;
  font-style: italic;
}

.contacto{
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 20;
  margin: 15px;
  color: #7c0404;
  background-color: #00FF7F;
  border-radius: 4px;
  border-color: #00FF7F;
  width: 90px;
  height: 30px;
  padding: 3px;
  text-align: center;
  cursor: pointer;
  font-weight: 900;
  font-style: italic;
}

p3{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #32CD32;
}

.tapa{
   box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.9);
}