:root {
    --important-message-icon-bg: #1e587b ;
    --important-message-icon-colour: #ffffff;
    --important-message-bg: #ffffff;
    --important-message-colour: #0f172a;

    --navigation-font: 'Arial';
    --navigation-bg: #1f587b;
    --navigation-colour: #f8fafc;
    --navigation-item-hover-bg: #c22e26;
    --navigation-item-hover-colour: #f8fafc;

    --navigation-dropdown-bg: #c22d25;
    --navigation-dropdown-colour: #ffffff;
    --navigation-dropdown-hover-bg: #8f2f26;
    --navigation-dropdown-hover-colour: #ffffff;

    --footer-bg: #1e587b;
    --footer-colour: #ffffff;

    --bottom-column-1-bg: #e7aba8;
    --bottom-column-2-bg: #1e587b;
    --bottom-column-3-bg: #e7aba8;

    --bottom-column-1-text: #0f172a;
    --bottom-column-2-text: #f8fafc;
    --bottom-column-3-text: #0f172a;

    --bottom-column-1-resource-bg: #c22e26;
    --bottom-column-2-resource-bg: #c22e26;
    --bottom-column-3-resource-bg: #c22e26;

    --bottom-column-1-resource-text: #f8fafc;
    --bottom-column-2-resource-text: #f8fafc;
    --bottom-column-3-resource-text: #f8fafc;

    --welcome-bg: #f9eae9;
    --welcome-title-colour: #0f172a;
    --welcome-text-colour: #0f172a;

    --motto-text: #ffffff80;
    --motto-bg: #0f172a80;
    --motto-font-family: Arial;
}
.font-motto {
    /*font-size: 30px;*/
    font-size: clamp(7.5px, 0.0916rem + 5.75vw, 30px);
}.font-motto {
    color: var(--motto-text);
}.font-default {
    font-family: 'Arial';
}.font-title {
    color: #c22e26;
}
h1, h2, h3, h4, h5, h6 {
    color: #c22e26;
}