.signin-container {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-body{
    padding: 3rem !important;
}
.signin-form {
    max-width: 40vw;
    width: 100%;
    padding: 2rem;
}
.divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 1.5rem 0;
}
.divider::before,
.divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #dee2e6;
}
.divider span {
    padding: 0 1rem;
    color: #6c757d;
}
.google-btn {
    background-color: #fff;
    padding: 5px;
    font-size: 18px;
    border: 1px solid #dee2e6;
    color: #202124;
}
.google-btn:hover {
    background-color: #dee2e6;
}

form i {
    margin-left: -30px;
    cursor: pointer;
}
@media (max-width: 600px) {
    .signin-form {
        max-width: 98vw;
        padding: 0.5rem;
    }
    .card-body{
        padding: 2rem !important;
    }
}