body {
    color: whitesmoke;
    background-color: #212529;
    font-family: roboto;
}

/* start content */

.mGA2lJkI {
    padding: 16px;
}

.rLdl1ej1 {
    display: flex;
    justify-content: center;
}

.hjAU4Cbo {
    width: 768px;
}

.G8T0TFDQ {
    display: flex;
    justify-content: center;
}

.dFhQwms3 {
    width: 300px;
}

.iz4zWYAz {
    color: whitesmoke;
    background-color: #2b3035;
    border-color: #2b3035;
    border-width: 2px;
    border-radius: 16px;
}

.iz4zWYAz:focus {
    color: whitesmoke;
    background-color: #2b3035;
    border-color: #2b3035;    
}

.QDKb5S78 {
    color: whitesmoke !important;
}

.QDKb5S78::after {
    background-color: transparent !important;
}

input:-webkit-autofill {
    transition: background-color 600000s 0s, color 600000s 0s;
    -webkit-text-fill-color: whitesmoke !important;
}

.o7P7rtpH {
    height: 58px;
    border-width: 2px;
    border-radius: 16px;
}

/* end content */

/* start alert */

.yfNARdtO {
    border-radius: 16px;
}

.lqj3Dg8o {
    position: fixed;
    z-index: 1;
    bottom: 0px;
    right: 0px;
    padding: 0px 16px;
}

@media only screen and (max-width: 768px) {
    .lqj3Dg8o {
        width: 100%;
    }
}

/* end alert */