.redondear {
    border-radius: 20px;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 95vh;
    /*background: radial-gradient(circle, rgba(29,50,27,1) 0%, rgba(42,72,39,1) 48%, rgba(61,105,57,1) 100%);*/
    background: url(../img/FondoArbulú.png);
}


@media(min-width: 500px) {

    body,
    input {
        font-family: "Poppins", sans-serif;
    }

    .logoPrincipal {
        width: 15%;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .abs-center {
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .div-code {
        background-color: rgb(130,34,95,255);
        padding: 20px;
        margin-right: 23%;
        margin-left: 23%;
        border-radius: 20px;
    }

    .footer {
        bottom: 0;
        margin-top: auto;
    }

    .footer {
        bottom: 0;
        margin-top: auto;
    }

        .footer img {
            /*left: 0;*/
            /*right: 0;*/
            height: auto;
            width: 6%;
            bottom: 0;
            /*position: absolute;*/
        }

    .btnIngresar {
        width: 60%;
        border-radius: 10px 10px 10px 10px;
        color: #00888A;
        height: 35px;
        /*margin-top: 5%;*/
        border: none;
        font-weight: bolder;
        background: white;
    }

    .btnIngresar:hover {
        width: 60%;
        border-radius: 10px 10px 10px 10px;
        color: white;
        height: 35px;
        /*margin-top: 5%;*/
        border: none;
        font-weight: bolder;
        background: #B0C100;
        transition: .5s;
    }

    .webinarName {
        width: 21rem;
    }

    .presenta {
        /*margin-top: 2%;*/
    }

        .presenta img {
            width: 9%;
        }

    .form {
        /*margin-top: 10%;*/
    }
}

    @media (max-width: 500px) {


        body,
        input {
            font-family: "Poppins", sans-serif;
        }

        .webinarName {
            width: 100%;
        }

        .btnIngresar {
            width: 60%;
            border-radius: 10px 10px 10px 10px;
            color: #00888A;
            height: 35px;
            margin-top: 5%;
            border: none;
            font-weight: bolder;
            background: white;
        }
            .btnIngresar:hover {
                width: 60%;
                border-radius: 10px 10px 10px 10px;
                color: white;
                height: 35px;
                /*margin-top: 5%;*/
                border: none;
                font-weight: bolder;
                background: #B0C100;
                transition: .5s;
            }

        .abs-center {
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .div-code {
            background-color: rgb(130,34,95,255);
            padding: 20px;
            /*margin-right: 23%;*/
            /*margin-left: 23%;*/
            border-radius: 20px;
        }

        .footer {
            bottom: 0;
            margin-top: auto;
        }

        .footer img {
            /*left: 0;*/
            /*right: 0;*/
            height: auto;
            width: 25%;
            bottom: 0;
            /*position: absolute;*/
        }

        .form {
            /*margin-top: 10%;*/
        }

        .logoPrincipal {
            width: 45%;
            padding: 0;
            margin: 0;
        }

        .quitarContorno{
            margin:0;
            padding:0;
            border:0;
        }

        .presenta {
            /*margin-top: 10%;*/
        }

        .presenta img {
            width: 30%;
        }

    }