/******************* Ajustado para Moviles *********************************/
@media screen and (max-width: 600px) {
    body {
        align-items: flex-start;
        height: 100vh;
    }

    #login_form {
        width: 300px;
        padding: 1.5rem;
    }

    #circle {
        width: 80vw;
        height: 30px;
        left: 0%;
        top: 50%;
    }

    #circle1{
        width: 50vw;
        height: 15px;
        left: 10%;
        top: 45%;
    }

    #circle2 {
        width: 50vw;
        height: 15px;
        left: 40%;
        top: 45%;
    }

    #circle3 {
        width: 150px;
        height: 150px;
        left: 35%;
        top: 30%;
    }
}