html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center, hr,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

:root {
    --focus-ring-color: #FF8C00;
    --focus-ring-contrast: #ffffff;
    --focus-ring-width: 3px;
    --focus-ring-offset: 3px;
}

:focus {
    outline: none;
}

:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}

:focus-visible {
    outline: var(--focus-ring-width) solid var(--focus-ring-contrast) !important;
    outline-offset: var(--focus-ring-offset);
    box-shadow: 0 0 0 calc(var(--focus-ring-width) + 2px) var(--focus-ring-color) !important;
    border-radius: 4px;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[role='button']:focus-visible,
[role='link']:focus-visible,
[tabindex]:not([tabindex='-1']):focus-visible {
    text-decoration: none;
}

@media (forced-colors: active) {
    :focus-visible {
        outline: 2px solid Highlight !important;
        box-shadow: none !important;
    }
}

a {
    text-decoration: none;
    color: inherit;
}
body {
    overflow-x: hidden;
    line-height: 1.4;
}

p {
    line-height: 28px;
}

h4 {
    margin: 0;
    padding: 0;
    letter-spacing: 1px;
}

@font-face {
    font-family: 'slick';
    font-weight: 400;
    font-style: normal;
    src: url('/static/fonts/slick.eot');
    src: url('/static/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/static/fonts/slick.ttf') format('truetype');
    font-display: swap;
}

html {
    font-family: 'Roboto','Helvetica Neue','Helvetica','Arial',sans-serif;
    font-size: 16px;
}