.invalid {
    border: 1px solid red !important;
}

@media (max-width: 640px) {
    body {
        text-align: center !important;
        overflow-x: auto !important;
    }

    #navbar-area {
        display: none !important;
    }

    .btn-signup {
        right: -55% !important;
    }

    .valid-fseedback,
    .invalid-feedback {
        text-align: justify !important;
    }
}

@media (max-height: 360px) {

    body {
        overflow-y: auto !important;
    }

}