:root {
    --BLUE: #15427D;
    --LIGHT_BLUE: #ADCFEF;
    --YELLOW: #FFCE32;
    --WHITE: #FFFFFF;
}

.text-colours {
    background-color: var(--WHITE);
    color: var(--BLUE);
}

.text-colours-reverse {
    background-color: var(--BLUE);
    color: var(--WHITE);
}

.text-colours-yellow {
    background-color: var(--BLUE);
    color: var(--YELLOW);
}

.text-colours-yellow>nav a {
    color: var(--YELLOW);
}

button, input[type=submit] {
    background-color: var(--YELLOW);
    color: var(--BLUE);
}

input, #checkbox-group {
    background-color: var(--LIGHT_BLUE);
    color: var(--BLUE);
}

#hero,
#game-about {
    background-color: var(--YELLOW);
}

#cookies {
    background-color: var(--BLUE);
}

#subscribe {
    background-color: var(--WHITE);
}

#subscribe input[type=checkbox]{
    accent-color: var(--BLUE);
}

#about img {
    border-color: var(--WHITE);
}