:root {
    --navbar-color: #3C5168;
    --primary-color: #E1805E;
    --primary-box-shadow: rgba(225, 128, 94, 0.50);
    --primary-hover-color: #D46C53;
    --secondary-hover-color: #e1815e0e;
}

.pageTitle::before {
    content: "Fossar";
    display: inline-block; /* Or inline-block, depending on your design */
}
.loginBackground {
    display: flex;
    position: fixed;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    background-color: #ffffff01;
    background:
        linear-gradient(
        rgba(255, 255, 255, 0.5),  /* overlay color */
        rgba(255, 255, 255, 0.4)
        ),
        url('../../images/elements/fossar.gif') no-repeat center center;
    background-size: cover;
}
.pageLogo {
    background-image: url('../../images/elements/logo/fossar-logo-2.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    width: 200px;
    height: 75px; /* Match image aspect ratio if possible */
}
.navbarColorScheme {
    background: var(--navbar-color, linear-gradient(97deg, #dce4e7 14.15%, #98afb0 42.56%, #446c78 76.97%));
}
.navbarColorScheme .pageLogo {
    background-image: url('../../images/elements/logo/fossar-logo.svg');
    width: 100px;
    height: 40px; /* Match image aspect ratio if possible */
}

/* Write the text in CSS so it can be easily changed */
.thanks-body-en:before {
    content: "The questionnaire has been answered!";
}
.thanks-body-is:before {
    content: "Spurningalista hefur verið svarað!";
}
.thanks-body-pl:before {
    content: "Kwestionariusz został wypełniony!";
}