/* Rules from nicepage.css that the blog articles actually use (extracted to replace the 1.8 MB file). */
html { font-family: sans-serif; text-size-adjust: 100%; }
body { margin: 0px; }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
template, [hidden] { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline-width: 0px; }
b, strong { font-weight: bold; }
h1 { font-size: 2em; margin: 0.67em 0px; }
mark { background-color: rgb(255, 255, 0); color: rgb(0, 0, 0); }
small { font-size: 80%; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0px; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type="button"], [type="reset"], [type="submit"] { appearance: button; }
button, select, input, textarea { outline: none; }
::-webkit-input-placeholder { color: inherit; opacity: 0.54; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
ul, ol { padding-left: 20px; }
.u-link, a { border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; }
*, ::before, ::after { box-sizing: border-box; }
html { height: 100%; overflow: hidden auto; }
body { height: auto; min-height: 100%; overflow-x: clip; }
body, aside, .u-sidebar-block, section, header, footer { position: relative; }
section > *, header > *, footer > *, .u-sheet > *, .u-section-row > * { position: relative; }
a { color: rgb(37, 155, 202); text-decoration: none; }
a:hover { color: rgb(6, 118, 164); }
a:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }
.u-clearfix::after, .u-clearfix::before { content: ""; display: table; }
.u-clearfix::after { clear: both; }
:where(.u-nav-container > .u-nav > .u-nav-item > .u-nav-link) { padding: 10px 20px; }
html { font-size: 16px; }
.u-body { font-size: 1rem; line-height: 1.6; }
.u-body h1, .u-body h2, .u-body h3, .u-body h4, .u-body h5, .u-body h6 { padding: 0px; }
h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; line-height: 1.2; font-weight: 500; color: inherit; }
h1 { font-size: 2.25rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.25rem; }
p { margin-top: 0px; padding: 0px; margin-bottom: 0.5rem; }
blockquote { padding: 10px 20px 10px 0px; margin: 0px 0px 20px; border-left-width: 0px; border-style: solid; border-top-width: 0px !important; border-right-width: 0px !important; border-bottom-width: 0px !important; }
.u-body { --animation-fade_in-opacity: 0; --animation-fade_in_up-opacity: 0; --animation-fade_in_left-opacity: 0; --animation-fade_in_right-opacity: 0; --animation-fade_in_down-opacity: 0; --animation-fade_in_up_big-opacity: 0; --animation-fade_in_left_big-opacity: 0; --animation-fade_in_right_big-opacity: 0; --animation-fade_in_down_big-opacity: 0; --animation-fade_out-opacity: 0; --animation-fade_out_up-opacity: 0; --animation-fade_out_left-opacity: 0; --animation-fade_out_right-opacity: 0; --animation-fade_out_down-opacity: 0; --animation-fade_out_up_big-opacity: 0; --animation-fade_out_left_big-opacity: 0; --animation-fade_out_right_big-opacity: 0; --animation-fade_out_down_big-opacity: 0; --animation-rotate_in-rotate: -200deg; --animation-rotate_in_down_left-rotate: -45deg; --animation-rotate_in_down_right-rotate: 45deg; --animation-rotate_in_up_left-rotate: 45deg; --animation-rotate_in_up_right-rotate: -90deg; --animation-rotate_out-rotate: 200deg; --animation-rotate_out_down_left-rotate: 45deg; --animation-rotate_out_down_right-rotate: -45deg; --animation-rotate_out_up_left-rotate: -45deg; --animation-rotate_out_up_right-rotate: 90deg; --animation-roll_in-rotate: -120deg; --animation-roll_in-translate_x: -100%; --animation-roll_out-rotate: 120deg; --animation-roll_out-translate_x: 100%; --animation-zoom_in-scale: 0.3; --animation-zoom_in_down-scale: 0.475; --animation-zoom_in_down-translate_y: 60px; --animation-zoom_in_up-scale: 0.475; --animation-zoom_in_up-translate_y: -60px; --animation-zoom_in_left-scale: 0.475; --animation-zoom_in_left-translate_x: 10px; --animation-zoom_in_right-scale: 0.475; --animation-zoom_in_right-translate_x: -10px; --animation-zoom_out-scale: 0.3; --animation-zoom_out_down-scale: 0.475; --animation-zoom_out_down-translate_y: -60px; --animation-zoom_out_up-scale: 0.475; --animation-zoom_out_up-translate_y: 60px; --animation-zoom_out_left-scale: 0.475; --animation-zoom_out_left-translate_x: 42px; --animation-zoom_out_right-scale: 0.475; --animation-zoom_out_right-translate_x: -42px; --animation-slide_in_down-translate_y: -100%; --animation-slide_in_up-translate_y: 100%; --animation-slide_in_left-translate_x: -100%; --animation-slide_in_right-translate_x: 100%; --animation-slide_out_down-translate_y: 100%; --animation-slide_out_up-translate_y: -100%; --animation-slide_out_left-translate_x: -100%; --animation-slide_out_right-translate_x: 100%; --animation-custom_in-translate_x: 0px; --animation-custom_in-translate_y: 0px; --animation-custom_in-scale: 1; --animation-custom_in-rotate: 0deg; --animation-custom_in-opacity: 0; }
.u-body { font-family: "Open Sans", sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; }
.u-body { color: rgb(17, 17, 17); background-color: rgb(255, 255, 255); --effect-scale: 1.1; }
.u-body { --theme-sheet-width-xl: 1140px; --theme-sheet-width-lg: 940px; --theme-sheet-width-md: 720px; --theme-sheet-width-sm: 540px; --theme-sheet-width-xs: 340px; }
h1:not(.u-title) { font-size: 4.5rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; font-weight: 700; }
h2:not(.u-subtitle) { font-size: 3rem; line-height: 1.4; margin-top: 20px; margin-bottom: 20px; font-weight: 700; }
h3 { font-size: 2.5rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; font-family: Arial, sans-serif; font-weight: 700; }
p:not(.u-text-variant) { font-size: 1.125rem; margin-bottom: 20px; line-height: 1.6; font-family: Arial, sans-serif; }
a { font-size: 1.125rem; line-height: 1.6; }
blockquote { font-size: 1.125rem; font-style: italic; padding-left: 20px; border-width: 4px; margin-top: 20px; margin-bottom: 20px; line-height: 1.6; font-family: Arial, sans-serif; }
ul:not(.u-unstyled) { font-size: 1.125rem; margin-top: 20px; margin-bottom: 20px; line-height: 1.8; font-family: Arial, sans-serif; font-weight: 400; }
ol { font-size: 1.125rem; margin-top: 20px; margin-bottom: 20px; line-height: 1.6; font-family: Arial, sans-serif; }
.u-body { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; }
@media (max-width: 1199px) {
h1:not(.u-title) { font-size: 3.75rem; }
}
@media (max-width: 767px) {
h1:not(.u-title) { font-size: 3rem; }
}
@media (max-width: 575px) {
h1:not(.u-title) { font-size: 2.25rem; }
}
@media (max-width: 767px) {
h2:not(.u-subtitle) { font-size: 2.25rem; }
}
@media (max-width: 575px) {
h2:not(.u-subtitle) { font-size: 1.875rem; }
}
@media (max-width: 1199px) {
h3 { font-size: 2.25rem; font-weight: 700; line-height: 1.2; color: rgb(0, 0, 0); }
}
@media (max-width: 767px) {
h3 { font-size: 1.875rem; }
}
@media (max-width: 575px) {
h3 { font-size: 2.25rem; font-weight: 700; line-height: 1.2; color: rgb(255, 255, 255); }
}
@media (max-width: 767px) {
p:not(.u-text-variant) { font-size: 1rem; }
}
@media (max-width: 575px) {
p:not(.u-text-variant) { font-size: 1.125rem; line-height: 1.6; color: rgb(255, 255, 255); }
}
@media (max-width: 767px) {
a { font-size: 1.3rem; }
}
@media (max-width: 767px) {
blockquote { font-size: 1rem; }
}
@media (max-width: 767px) {
ul:not(.u-unstyled) { font-size: 1rem; }
}
@media (max-width: 767px) {
ol { font-size: 1rem; }
}
.u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > h1:not(.u-title), .u-gradient > .u-container-layout > h1:not(.u-title), .u-image:not(.u-shading) > .u-container-layout > h1:not(.u-title), h1:not(.u-title) { color: rgb(43, 51, 77); }
.u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > h2:not(.u-subtitle), .u-gradient > .u-container-layout > h2:not(.u-subtitle), .u-image:not(.u-shading) > .u-container-layout > h2:not(.u-subtitle), h2:not(.u-subtitle) { color: rgb(255, 119, 0); }
.u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > h3, .u-gradient > .u-container-layout > h3, .u-image:not(.u-shading) > .u-container-layout > h3, h3 { color: rgb(43, 51, 77); }
.u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > p:not(.u-text-variant), .u-gradient > .u-container-layout > p:not(.u-text-variant), .u-image:not(.u-shading) > .u-container-layout > p:not(.u-text-variant), p:not(.u-text-variant) { color: rgb(51, 51, 51); }
.u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > a, .u-gradient > .u-container-layout > a, .u-image:not(.u-shading) > .u-container-layout > a, a { color: rgb(255, 119, 0); }
.u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > a:hover, .u-gradient > .u-container-layout > a:hover, .u-image:not(.u-shading) > .u-container-layout > a:hover, a:hover { color: rgb(230, 107, 0); }
.u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > a:active, .u-gradient > .u-container-layout > a:active, .u-image:not(.u-shading) > .u-container-layout > a:active, a:active { color: rgb(230, 107, 0); }
.u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > blockquote, .u-gradient > .u-container-layout > blockquote, .u-image:not(.u-shading) > .u-container-layout > blockquote, blockquote { border-color: rgb(255, 119, 0); color: rgb(51, 51, 51); }
.u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > ul:not(.u-unstyled), .u-gradient > .u-container-layout > ul:not(.u-unstyled), .u-image:not(.u-shading) > .u-container-layout > ul:not(.u-unstyled), ul:not(.u-unstyled) { color: rgb(51, 51, 51); }
.u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > ol, .u-gradient > .u-container-layout > ol, .u-image:not(.u-shading) > .u-container-layout > ol, ol { color: rgb(51, 51, 51); }
:where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-5, .u-custom-color-6, .u-custom-color-7, .u-custom-color-9, .u-custom-color-11, .u-custom-color-12, .u-custom-color-14, .u-custom-color-16, .u-custom-color-17, .u-custom-color-18, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-base, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-4-base, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading) h1:not(.u-title), :where(.u-overlap-contrast .u-header) h1:not(.u-title):not(.u-nav-link):not(.u-btn) { color: rgb(187, 201, 238); }
:where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-5, .u-custom-color-6, .u-custom-color-7, .u-custom-color-9, .u-custom-color-11, .u-custom-color-12, .u-custom-color-14, .u-custom-color-16, .u-custom-color-17, .u-custom-color-18, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-base, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-4-base, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading) h2:not(.u-subtitle), :where(.u-overlap-contrast .u-header) h2:not(.u-subtitle):not(.u-nav-link):not(.u-btn) { color: rgb(255, 201, 153); }
:where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-5, .u-custom-color-6, .u-custom-color-7, .u-custom-color-9, .u-custom-color-11, .u-custom-color-12, .u-custom-color-14, .u-custom-color-16, .u-custom-color-17, .u-custom-color-18, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-base, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-4-base, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading) h3, :where(.u-overlap-contrast .u-header) h3:not(.u-nav-link):not(.u-btn) { color: rgb(187, 201, 238); }
:where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-5, .u-custom-color-6, .u-custom-color-7, .u-custom-color-9, .u-custom-color-11, .u-custom-color-12, .u-custom-color-14, .u-custom-color-16, .u-custom-color-17, .u-custom-color-18, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-base, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-4-base, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading) p:not(.u-text-variant), :where(.u-overlap-contrast .u-header) p:not(.u-text-variant):not(.u-nav-link):not(.u-btn) { color: rgb(255, 255, 255); }
:where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-5, .u-custom-color-6, .u-custom-color-7, .u-custom-color-9, .u-custom-color-11, .u-custom-color-12, .u-custom-color-14, .u-custom-color-16, .u-custom-color-17, .u-custom-color-18, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-base, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-4-base, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading) a, :where(.u-overlap-contrast .u-header) a:not(.u-nav-link):not(.u-btn) { color: rgb(255, 201, 153); }
:where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-5, .u-custom-color-6, .u-custom-color-7, .u-custom-color-9, .u-custom-color-11, .u-custom-color-12, .u-custom-color-14, .u-custom-color-16, .u-custom-color-17, .u-custom-color-18, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-base, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-4-base, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey) a:hover { color: rgb(161, 161, 161); }
:where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-5, .u-custom-color-6, .u-custom-color-7, .u-custom-color-9, .u-custom-color-11, .u-custom-color-12, .u-custom-color-14, .u-custom-color-16, .u-custom-color-17, .u-custom-color-18, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-base, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-4-base, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey) a:active { color: rgb(161, 161, 161); }
:where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-5, .u-custom-color-6, .u-custom-color-7, .u-custom-color-9, .u-custom-color-11, .u-custom-color-12, .u-custom-color-14, .u-custom-color-16, .u-custom-color-17, .u-custom-color-18, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-base, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-4-base, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading) blockquote, :where(.u-overlap-contrast .u-header) blockquote:not(.u-nav-link):not(.u-btn) { color: rgb(255, 255, 255); }
html { font-size: 16px; }