#cookie-alert {
    background-color: rgb(var(--red));
    padding: 15px;
    color: white;
    font-size: var(--font-size-small);
}

#content-box.cookies {
    width: 600px;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

#content-box.cookies img {
    width: 220px;
}

#content-box.cookies .msg {
    display: flex;
    flex-direction: column;

    gap: 20px;
    color: var(--font-color-dark);
}

#content-box.cookies .msg h3 {
    font-size: var(--font-size-x-large);
    margin: 0;
}

#content-box.cookies .msg p {
    font-size: var(--font-size-medium);
}

#content-box.cookies div.action-btns {
    display: flex;
    gap: 20px;
    padding-top: 10px;
}

#content-box.login {
    gap: 50px;
}

#content-box.login img {
    width: 50%;
}

#content-box.login .credentials-container .password a {
    text-align: right;
    font-size: var(--font-size-medium);
    text-decoration: none;

    color: rgb(var(--slate-blue));
}

#custom-logo {
    display: flex;
    flex-shrink: 0;
    width: 440px;
    max-height: 200px;
}

#custom-logo img {
    object-fit: contain;
    width: 100%;
}