.tight { margin-top: 3rem; }

.flash-alert { color: red; }
.flash-notice { color: green; }

.openid-signin {
    padding: .5rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 28rem;
    background-color: rgb(75 85 99 / 1);
    border-radius: 0.5rem;
    color: white;
    text-align: center;

    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;

    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

    & > img {
        margin-right: .5rem;
    }

    &:hover{
        background-color: rgb(55 65 81 / 1);
    }
    &:focus {
        outline: 2px solid transparent;
        outline-offset: 2px;

        box-shadow: 0 0 0 4px #e5e7eb, 0 0 0 0 rgb(107 114 128 / 1);
    }
}