.login-box {
    width: 400px; /* Ajusta el ancho según tus necesidades */
    height: 450px; /* Ajusta la altura según tus necesidades */
    margin: auto; /* Centra la caja horizontalmente en la página */
  }

  .not-bold {
    font-weight: normal;
    color: white;
  }

  body {
    /* Ajusta la ruta a la imagen según la ubicación de tu proyecto */
    background-image: url('../img/fondo_siae.jfif');
    /* Establece el tamaño del fondo y si quieres que se repita o no */
    background-size: cover;
    background-repeat: no-repeat;
    /* Si quieres que la imagen esté centrada vertical y horizontalmente */
    background-position: center center;
  }
  
    .logo {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .logo img {
      width: 80px;
      height: 80px;
    }
    .logo .not-bold {
      font-weight: normal;
    }
    .login-box-msg {
      font-size: 18px;
      font-weight: bold;
    }
    .large-text {
      font-size: 20px;
    }
    @media (max-width: 400px) {
      .login-box {
        margin: 0 auto;
        width: 90%;
      }
    }


  .login-logo {
    text-align: center; /* Centra el logo horizontalmente dentro del cuadro */
  }

  .card {
    border-radius: 10px; /* Ajusta el radio de los bordes según tus preferencias */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Agrega una sombra al cuadro */
  }

  .large-text {
    font-size: 20px; /* Ajusta el tamaño de fuente según tus necesidades */
  }