html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ html { scroll-padding-top : 1rem; scroll-behavior : smooth; } :root { --light-gray : #E6E6E6; --medium-gray : #CACACA; --dark-gray : #8A8A8A; --black : #0A0A0A; --black-color : var(--black); --white : #FEFEFE; --white-color : var(--white); --primary : #008CBA; --secondary : #E7E7E7; --success : #43AC6A; --warning : #F08A24; --alert : #F04124; --primary-contrast : #FFFFFF; --secondary-contrast : #333333; --success-contrast : #FEFEFE; --warning-contrast : #FEFEFE; --alert-contrast : #FEFEFE; --primary-dark : #006E9C; --secondary-dark : #C9C9C9; --success-dark : #258E4C; --warning-dark : #D26C06; --alert-dark : #D22306; --header-color : #222222; --subheader-color : #8A8A8A; --small-color : #CACACA; --text-color : #222222; --link-color : #008CBA; --link-color-hover : #006688; --selection-background : var(--primary); --selection-text : var(--primary-contrast); --link-decoration : False; --link-decoration-hover : False; --overlay-color : #000000; --radius : 3px; --small-gutter : 1.25rem; --medium-gutter : 2rem; --large-gutter : 2rem; /* */ --site-width : calc(1200rem/16); /* */ } ::selection { background : var(--selection-background); color : var(--selection-text); } .alt { --header-color : #FFFFFF; --subheader-color : #E6E6E6; --small-color : #CACACA; --text-color : #FFFFFF; --link-color : #008CBA; --link-color-hover : #006688; --link-decoration : False; --link-decoration-hover : False; } .grid-container { max-width : var(--site-width); } .radius { border-radius : var(--radius); } body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(24rem/16); } h2,.h2 { font-size: calc(20rem/16); } h3,.h3 { font-size: calc(19rem/16); } h4,.h4 { font-size: calc(18rem/16); } h5,.h5 { font-size: calc(17rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 40;} .button {font-size: calc(16rem/16)} .button.tiny {font-size: calc(10rem/16)} .button.small {font-size: calc(12rem/16)} .button.large {font-size: calc(20rem/16)} @media only screen and (min-width: 40em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30; } } @media only screen and (min-width: 64em) { body { font-size: calc(16rem/16); } h1,.h1 { font-size: calc(48rem/16); } h2,.h2 { font-size: calc(40rem/16); } h3,.h3 { font-size: calc(31rem/16); } h4,.h4 { font-size: calc(25rem/16); } h5,.h5 { font-size: calc(20rem/16); } h6,.h6 { font-size: calc(16rem/16); } small { font-size: 30;} } a { color : var(--link-color); text-decoration : var(--link-decoration); } a:hover, a:focus { color : var(--link-color-hover); text-decoration : var(--link-decoration-hover); } .menu a { color : var(--menu-link-color); background : var(--menu-bg-color); } .menu a:hover { color : var(--menu-link-color-hover); /* background : var(--menu-bg-color-hover); */ } h1,h2,h3,h4,h5,h6 { color : var(--header-color); } small { color : var(--small-color); } .subheader { color : var(--subheader-color); } .text ul,.text ol { list-style-position : outside; } .text>ul, .text>ol, .text .mez>div>ul, .text .mez>div>ol { margin-left : True; } .text ul { list-style-type : disc; } .text ul ul, .text ol ul { list-style-type : circle; } .text ol { list-style-type : decimal; } .text ol ol, .text ul ol { list-style-type : lower-alpha; } .radius, .radius:before, .radius:after { border-radius : calc(3rem/16); } body { /* */ /* */ /* */ /* */ /* */ } /* */ /* */ #stacks_in_L1_126 { } #stacks_out_L1_126 { } #stacks_out_L1_9,#stacks_in_L1_9{overflow:visible} #stacks_in_L1_9 { margin: 10px; padding: 10px; } #stacks_out_L1_9 { } #stacks_in_L1_36 { } #stacks_out_L1_36 { } #stacks_in_L1_43 { } #stacks_out_L1_43 { } #stacks_in_L1_40 { margin: 20px; padding: 10px; } #stacks_out_L1_40 { } #stacks_in_L1_123 { } #stacks_out_L1_123 { } #stacks_in_L1_74 { } #stacks_out_L1_74 { } #stacks_in_L1_75 { } #stacks_out_L1_75 { } #stacks_in_L1_90 { } #stacks_out_L1_90 { } #stacks_in_L1_78 { } #stacks_out_L1_78 { } #stacks_in_L1_93 { } #stacks_out_L1_93 { } #stacks_in_L1_80 { } #stacks_out_L1_80 { } #stacks_in_L1_96 { } #stacks_out_L1_96 { } #stacks_in_L1_11 { background-color: rgba(16, 11, 165, 1.00); margin: 10px; padding: 10px; } #stacks_out_L1_11 { } #stacks_in_L1_2 { } #stacks_out_L1_2 { } #stacks_in_L1_125 { } #stacks_out_L1_125 { } #stacks_out_PL1_125_2,#stacks_in_PL1_125_2{overflow:visible} #stacks_in_PL1_125_2 { border: solid rgba(16, 11, 165, 1.00); border-width: 1px; } #stacks_out_PL1_125_2 { } #stacks_in_PL1_125_4 { } #stacks_out_PL1_125_4 { } #stacks_in_PL1_125_6 { } #stacks_out_PL1_125_6 { } #stacks_in_PL1_125_9 { } #stacks_out_PL1_125_9 { } @charset "UTF-8"; #stacks_in_L1_98 { } #stacks_out_L1_98 { } #stacks_in_L1_101 { } #stacks_out_L1_101 { } .top-bar.mymenu, .top-bar.mymenu ul{--topbar-background:rgba(0, 255, 41, 1.00)} .top-bar.mymenu{padding:0 0} .title-bar.mymenu{--titlebar-background:rgba(0, 255, 41, 1.00);--titlebar-color:rgba(237, 255, 247, 1.00);padding:0} .title-bar.mymenu .menu-icon{--hamburger-color:rgba(0, 255, 41, 1.00);--hamburger-width:1.25rem;--hamburger-height:1rem;--hamburger-weight:3px} #stacks_in_L1_103 { } #stacks_out_L1_103 { } @media screen and (min-width: 40em){ .mymenu>.dropdown a, .dropdown.mymenu a{--menu-link-color:rgba(0, 255, 0, 1.00);--menu-link-color-hover:rgba(251, 221, 31, 1.00);--menu-bg-color:rgba(9, 0, 71, 0.00);--menu-caret-color:rgba(0, 255, 0, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .mymenu>.dropdown .menu-text, .dropdown.mymenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mymenu>.dropdown a:hover, .dropdown.mymenu a:hover{--menu-bg-color:rgba(0, 85, 255, 1.00)} .mymenu>.dropdown .submenu a:hover, .dropdown.mymenu .submenu a:hover{--menu-bg-color:rgba(251, 221, 31, 1.00)} .mymenu>.dropdown>li>a, .dropdown.mymenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .mymenu>.dropdown .submenu>li>a, .dropdown.mymenu .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .mymenu>.dropdown li.active>a, .mymenu>.dropdown li.is-active>a, .mymenu>.dropdown a.is-active, .dropdown.mymenu li.active>a, .dropdown.mymenu li.is-active>a, .dropdown.mymenu a.is-active{--menu-bg-color:rgba(0, 85, 255, 1.00);--menu-link-color:rgba(251, 221, 31, 1.00);--menu-caret-color:rgba(251, 221, 31, 1.00);--menu-link-color-hover:rgba(251, 221, 31, 1.00)} .mymenu>.dropdown .submenu li.active>a, .mymenu>.dropdown .submenu li.is-active>a, .mymenu>.dropdown .submenu a.is-active, .dropdown.mymenu .submenu li.active>a, .dropdown.mymenu .submenu li.is-active>a, .dropdown.mymenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .mymenu>.dropdown .submenu a, .dropdown.mymenu .submenu a{--menu-caret-color:rgba(0, 255, 0, 1.00)} .mymenu>.dropdown .submenu, .dropdown.mymenu .submenu{--submenu-bg-color:rgba(97, 99, 99, 0.00);--submenu-border:1px solid rgba(202, 202, 202, 1.00)} .mymenu>.dropdown .submenu a, .dropdown.mymenu .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(0, 255, 0, 1.00);--menu-link-color-hover:rgba(251, 221, 31, 1.00)} .mymenu>.dropdown .submenu .menu-text, .dropdown.mymenu .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .mymenu>.dropdown .submenu li.active>a, .mymenu>.dropdown .submenu li.is-active>a, .mymenu>.dropdown .submenu a.is-active, .dropdown.mymenu .submenu li.active>a, .dropdown.mymenu .submenu li.is-active>a, .dropdown.mymenu .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(0, 255, 0, 1.00);--menu-link-color:rgba(9, 0, 71, 1.00);--menu-link-color-hover:rgba(9, 0, 71, 1.00)}} #stacks_in_L1_104 { } #stacks_out_L1_104 { } .menu> *{background-position:left top ;background-size:50% 100% ;background-image:linear-gradient(0deg,rgba(9, 0, 71, 1.00) 0%,33%,rgba(0, 85, 255, 1.00) 100%) ;} #stacks_in_L1_105 { } #stacks_out_L1_105 { } #stacks_in_L1_106 { } #stacks_out_L1_106 { } #stacks_in_L1_108 { } #stacks_out_L1_108 { } #stacks_in_L1_110 { } #stacks_out_L1_110 { } .scoregrid{background-position:left top ;background-size:50% 100% ;background-image:linear-gradient(0deg,rgba(9, 0, 71, 1.00) 0%,33%,rgba(0, 85, 255, 1.00) 100%) ;} #stacks_in_L1_112 { } #stacks_out_L1_112 { } .heroTitle> *{color:rgba(255, 239, 0, 1.00) ;} #stacks_in_L1_113 { } #stacks_out_L1_113 { } .scorecolor *{color:rgba(251, 221, 31, 1.00) !important;} #stacks_in_L1_114 { } #stacks_out_L1_114 { } h2,.h2, h3,.h3, .heroTitle{font-family:"Qwitcher Grypen",sans-serif } #stacks_in_L1_115 { } #stacks_out_L1_115 { } .footer *{color:rgba(251, 221, 31, 1.00) !important;} #stacks_in_L1_116 { } #stacks_out_L1_116 { } .footer{background-position:left top ;background-size:50% 100% ;background-image:linear-gradient(0deg,rgba(9, 0, 71, 1.00) 0%,33%,rgba(0, 85, 255, 1.00) 100%) ;} #stacks_in_L1_117 { } #stacks_out_L1_117 { } .footer{background-position:left top ;background-size:50% 100% ;background-image:linear-gradient(0deg,rgba(9, 0, 71, 1.00) 0%,33%,rgba(0, 85, 255, 1.00) 100%) ;} #stacks_in_L1_118 { } #stacks_out_L1_118 { } .Leader{color:rgba(255, 0, 0, 1.00) !important;} #stacks_in_L1_119 { } #stacks_out_L1_119 { } .site-bg{background-color:rgba(0, 146, 255, 0.32) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.site-bg{background-attachment:scroll!important}} #stacks_in_L1_122 { } #stacks_out_L1_122 { } .datelabel{font-size:calc(12rem/16) ;}@media only screen and (min-width:40em) { .datelabel{font-size:calc(12rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) { .datelabel{font-size:calc(12rem/16) ;line-height:1.50 }} #stacks_in_L1_120 { } #stacks_out_L1_120 { }