@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&display=swap');

/*************************************************************************************/

/* GLOBAL COLOR */
:root {
    --blue: #004992;
    --red: #ed1c24;
    --camel: #c5a262;
    --darkblue: #002549;
}

/* GLOBAL FONTS */
:root {
    --headerfont: "Cinzel Decorative", serif;
    --bodyfont: "Helvetica", "sans serif";
    --cinzel-reg: 400 "Cinzel Decorative", serif;
    --cinzel-b: 700 "Cinzel Decorative", serif;
    --cinzel-blk: 900 "Cinzel Decorative", serif;

    --oswald-el: 200 "Oswald", sans-serif;
    --oswald-l: 300 "Oswald", sans-serif;
    --oswald-reg: 400 "Oswald", sans-serif;
    --oswald-med: 500 "Oswald", sans-serif;
    --oswald-sb: 600 "Oswald", sans-serif;
    --oswald-b: 700 "Oswald", sans-serif;

    --opensans-l:   300 "Open Sans", sans-serif;
    --opensans-reg: 400 "Open Sans", sans-serif;
    --opensans-med:  500 "Open Sans", sans-serif;
    --opensans-sb: 600 "Open Sans", sans-serif;
    --opensans-b:    700 "Open Sans", sans-serif;
    --opensans-exb: 800 "Open Sans", sans-serif;

    --lato-thn:    100 "Lato", sans-serif;
    --lato-l:   300 "Lato", sans-serif;
    --lato-reg: 400 "Lato", sans-serif;
    --lato-b:    700 "Lato", sans-serif;
    --lato-blk:   900 "Lato", sans-serif;

    --lato-thn-i:    100 italic "Lato", sans-serif;
    --lato-l-i:   300 italic "Lato", sans-serif;
    --lato-reg-i: 400 italic "Lato", sans-serif;
    --lato-b-i:    700 italic "Lato", sans-serif;
    --lato-blk-i:   900 italic "Lato", sans-serif;
}

/*************************************************************************************/

html {
    font-family:sans-serif;
}

body {
    background: white;
    color:var(--camel);
    font-family:var(--cinzel-reg);
    margin:0;
}

a {
    background-color: transparent;
}

font {
    line-height: normal;
}

h1, h2, h3, h4, h5, h6 {
    text-align:left;
    color:var(--blue);
    text-transform:uppercase;
    line-height:1.2;
    margin:1rem 0;
}

h1{
    font-family: var(--headerfont);
}

h2{
    font: var(--headerfont);
    color:var(--red);
}