html,
body {
    height: 100%;
}

.form-signin {
    max-width: 430px;
    padding: 1rem;
}

.form-signin .form-floating:focus-within {
    z-index: 2;
}


.logo-container {
    text-align: center;
    width: 100%;
}

.logo {
    display: block;
    width: 100%;
    background: var(--logo);
    height: 7rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 1rem;
}
.nav-logo{
    display: block;
    background: var(--logo);
    width: 7rem;
    height: 2rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 0.6rem;
}

html[data-bs-theme="light"] {
    --logo: url(/static/mate_grey.svg) no-repeat;

}

html[data-bs-theme="dark"] {
    --logo: url("/static/mate_white.svg") no-repeat;
}
.btn-gitlab {
    background-color: #000000;
    border-color: #fc6e28;
    color: white;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
}

.btn-gitlab:hover {
    background-color: #E24329;
    border-color: #E24329;
    color: white;
}

.btn-gitlab:focus,
.btn-gitlab:active {
    background-color: #E24329;
    border-color: #E24329;
    color: white;
    box-shadow: 0 0 0 0.25rem rgba(252, 109, 38, 0.25);
}
.gitlab-icon {
    width: 2rem;
}