@charset "utf-8";

@import url(https://db.onlinewebfonts.com/c/38a367caf669011075e5d4107ee090a3?family=TitlingGothicFBExtended-Medium
);

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    text-decoration: none;
    color: inherit;
}

body {
    font-family: "TitlingGothicFBExtended-Medium";
    margin: 5px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;

    background-image: url('fondodemantel.svg');
    /* Ruta de imagen de fondo */
    background-size: cover;
    /* Cubre completamente el fondo */
    background-repeat: repeat;
}

@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) {}

@media only screen and (min-width: 1025px) {
    body {
        margin-top: 5em;
    }

    .container {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
    }

}



.container {
    padding: 20px;
    border-radius: 8px;
}

form {
    display: flex;
    flex-direction: column;
}

label {
    margin-bottom: 8px;
}


input,
textarea {
    padding: 8px;
    margin-bottom: 16px;
    border: none;
    background-color: #b4b4b4;
    border-radius: 4px;
}



input[type="submit"]:hover {
    background-color: #45a049;
}


.solicitud {
    border: none;
}

#botonlisto {
    font-family: "TitlingGothicFBExtended-Medium";
    background: rgb(255, 235, 0);
    background: linear-gradient(90deg, rgba(255, 235, 0, 1) 0%, rgba(255, 0, 0, 1) 100%);
    color: white;
    margin-top: 1em;
    border: 2px solid white;
    border-radius: 7em;
    padding: 0.4em;
    transition: 1s;
    cursor: pointer;
}

#botonregistrate {
    font-family: "TitlingGothicFBExtended-Medium";
    background: rgb(0, 9, 255);
    background: linear-gradient(90deg, blue 0%, rgba(0, 255, 244, 1) 100%);
    border: 2px solid white;
    color: white;
    margin-top: 1em;
    border-radius: 7em;
    padding: 0.4em;
    transition: 1s;
    cursor: pointer;
}

img {
    width: 65%;
    display: flex;
    margin-right: auto;
    margin-left: auto;
}

p {
    display: flex;
    justify-content: center;
    align-items: center;
}

#botonregistrate:hover {
    background-color: #45a049;

}

#contrasenia{
    margin-top: 1em;
}