body {
    background-color: #00162C;
    color: white;
}

.zg-header {
    background-color: #00203F;
    color: #fba001;
}

main>.container {
    padding: 60px 15px 0;
}

.navbar-brand {
    color: #fba001 !important;
}

a:link {
    color: #fba001;
}

a:active {
    color: #fba001;
}

a:hover {
    color: #fba001;
}

a:visited {
    color: #fba001;
}

.text-ifx-orange{
    color: #fba001;
}

.new-question-flash {
    background-color: #00203F;
    animation: colorchange 2s;
    /* animation-name followed by duration in seconds*/
    /* you could also use milliseconds (ms) or something like 2.5s */
    -webkit-animation: colorchange 2s;
    /* Chrome and Safari */
}

@keyframes colorchange {
    0% {
        background-color: #00203F;
    }
    25% {
        background-color: white;
    }
    50% {
        background-color: #00203F;
    }
    75% {
        background-color: white;
    }
    100% {
        background-color: #00203F;
    }
}

@-webkit-keyframes colorchange
/* Safari and Chrome - necessary duplicate */

    {
    0% {
        background-color: #00203F;
    }
    25% {
        background-color: white;
    }
    50% {
        background-color: #00203F;
    }
    75% {
        background-color: white;
    }
    100% {
        background-color: #00203F;
    }
}

.answer-timer-block {
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    height: 5px;
    width: 0%;
}

.answer-timer-animation {
    animation: timerwidth 10s;
    /* animation-name followed by duration in seconds*/
    /* you could also use milliseconds (ms) or something like 2.5s */
    -webkit-animation: timerwidth 10s;
    /* Chrome and Safari */
    animation-timing-function: linear;
}

@keyframes timerwidth {
    0% {
        width: 100%
    }
    100% {
        width: 0%;
    }
}

@-webkit-keyframes timerwidth
/* Safari and Chrome - necessary duplicate */

    {
    0% {
        width: 0%;
    }
    100% {
        width: 100%
    }
}