:root {
    --denso-red: #DC0032;
    --denso-crafting-blue: #B9D7EB;
    --denso-white: #FFFFFF;
    --denso-black: #000000;
    --denso-gray1: #5A5A5A;
    --denso-gray2: #828282;
    --denso-gray3: #B4B4B4;
    --denso-gray4: #D2D2D2;
    --denso-gray5: #EBEBEB;
    --denso-deep-red: #781423;
    --denso-dark-red: #9B0028;
    --denso-dark-pink: #E65587;
    --denso-pink: #F08CAF;
    --denso-light-pink: #F0B4C8;
    --denso-deep-blue: #002D3C;
    --denso-dark-blue: #054B69;
    --denso-medium-blue: #0078A5;
    --denso-blue: #0091BE;
    --denso-bright-blue: #5AC3E6;
    --denso-dark-purple: #5A2D82;
    --denso-purple: #8246AF;
    --denso-light-purple: #A57DC8;
    --denso-dark-green: #146937;
    --denso-green: #1E9146;
    --denso-light-green: #69B964;
    --denso-dark-yellow: #F0A000;
    --denso-yellow: #FAB932;
    --denso-light-yellow: #FFCD78;
}

html {
    font-size: 14px;
    position: relative;
}

body{
    height: 100vh;
}

div.container-fluid {
    height: 100%;
    font-size: 2em;
}

label {
    font-weight: bold;
}

body span.error {
    color: darkred;
    font-weight: bold;
}

div.no-flash {
    display: none;
    visibility: hidden;
}

#centerLoginSection {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    width: 100%;
}

.loginContainer {
    padding: 35px 10px;
    border-radius: 40px;
    width: 800px;
    max-width: 90%;
    text-align: center;
}

.nexusLogin {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.loginContainer button {
    width: 300px;
    max-width: 35%;
    color: white;
    border-radius: 6px;
    font-weight: bold;
    cursor: pointer;
    font-size: 26px;
    margin: 30px auto;
}

    .loginContainer button:hover {
        background-color: #005a9e;
    }

#nexusSignIn {
    display: block;
    color: var(--denso-blue);
    text-decoration: none;
    padding: 10px 0px 15px 0px;
    width: max-content
}

    #nexusSignIn:hover {
        color: var(--denso-bright-blue);
        text-decoration: underline;
        cursor: pointer;
    }

.loginContainer .links {
    margin-top: 20px;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

#leftLogoSection {
    text-align: left;
}