body {
    font-family: Arial, sans-serif;
        text-align: center;
        background-image: linear-gradient(to bottom, #4d79ff, #012e5e);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        margin: 0;
        padding: 50px;
  }

  h2 {
        color: #333;
        font-size: 40px;
        font-family: Georgia, 'Times New Roman', Times, serif;
        background-color: #adffad;
        border: 1px solid rgb(129, 252, 104);
        border-radius: 10px;
        margin-bottom: 2px;
        margin-top: 1%;
    }

    h3 {
        color: #523bd3;
        font-size: 20px;
        font-family: Georgia, 'Times New Roman', Times, serif;
        margin-top: 2%;
    }

    form {
        max-width: 500px;
        margin: 0 auto;
        background-color: #fff;
        padding: 20px;
        border-radius: 20px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    label, input {
        display: block;
        margin-bottom: 25px;
        width: 100%;
        text-align: left;
    }

    input {
        padding: 8px;
        font-family: consolas;
        font-size: 16px;
        border: 1px solid #ccc;
        border-radius: 15px;
        margin-bottom: 25px; /* Añade un espacio en la parte inferior de cada campo */
    }


    .form-floating{
        color: #1b045a;
        font-size: 20px;
        font-family: 'Georgia', 'Times New Roman', 'serif';
        text-align: justify;
        background-color: rgb(237, 251, 252);
        margin-left: 10%;
        margin-right: 10%;
    }

    .btn-primary{
        padding: 15px;
        background-color: #007bff;
        color: #fff;
        cursor: pointer;
        border: 2px solid #ccc;
        border-radius: 5px;
        margin-bottom: 10px;
        font-size: large;
        font-family: Georgia, 'Times New Roman', Times, serif;
    }