@media (max-width: 820px) {
    #reparto {
        margin-block-start: 0.6%;
        margin-block-end: 0.6%;
        font-size: 2vw;
    }

    #logo {
        width: 86%;
        height: 86%;
        text-align: center;
    }

    #login_box {
        width: 92%;
        margin-left: 4%;
        margin-right: 4%;
        padding-top: 1%;
        padding-bottom: 10%;
    }

    .font_28 {
        font-size: 6vw;
    }

    .font_16 {
        font-size: 5vw;
    }
}

@media (min-width:821px) {
    #reparto {
        margin-block-start: 0.6%;
        margin-block-end: 0.6%;
        font-size: 1vw;
    }

    #logo {
        width: 40%;
        height: 40%;
        text-align: center;
    }

    #login_box {
        width: 48%;
        margin-left: 26%;
        margin-right: 26%;
        padding-top: 1%;
        padding-bottom: 4%;
    }

    .font_28 {
        font-size: 2.8vw;
    }

    .font_16 {
        font-size: 1.6vw;
    }
}

#reparto {
    color: rgb(23, 44, 63);
}

.espacio {
    margin-block-start: 0.1%;
    margin-block-end: 0.1%;
}

.center {
    text-align: center;
}

.font_28 {
    color: rgb(50, 84, 116);
}

.font_16 {
    color: rgb(23, 44, 63);
}

#login_box {
    background-color: #ffffff;
    color: rgba(0, 0, 0, 0.75);
    height: 100%;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-image-outset: 0;
    border-left-style: solid;
    border-left-width: 0px;
    border-right-style: solid;
    border-right-width: 0px;
    border-top-color: rgba(0, 0, 0, 0);
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    border-top-style: solid;
    box-shadow: 0 4px 20px rgb(190, 223, 238);
}

.input_text {
    outline: none;
    border: none;
    border-bottom: 1px solid rgb(182, 182, 182);

    color: rgb(70, 97, 114);
}

#boton {
    border: 1px solid;
    margin-top: 2%;
    padding: 2%;
    border-radius: 12px;
    color: rgb(70, 97, 114);
    cursor: pointer;
}

#boton:hover {
    background-color: rgb(210, 229, 250);
}

.noaccount {
    font-size: 12px;

    cursor: pointer;
}