* {box-sizing:border-box;line-height:1em;font-size:16px;}
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, main, nav, section, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;color:#1d1f20;}
article, aside, figure, footer, header, hgroup, nav, section, main {display:block;}
div, ul, li {position:relative;}
img, object, embed {max-width: 100%;}
html {overflow-y: scroll;}
body {-webkit-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;}
html, body {height:100%;}
h1, h2, h3, h4 {color:#194684;line-height:1.25em;font-weight:500;text-transform:capitalize;font-family:'Encode',sans-serif;}
ul li,ol li{list-style-position:outside;list-style-type:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline:none; text-decoration: none;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted #1d1f20;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
th {font-weight:bold;vertical-align:bottom;}
td {font-weight:normal;vertical-align:top;}
hr {display:block;height:1px;border:0;border-top:1px solid #c9d0dd;margin:1em 0;padding:0;}
pre {white-space:pre;white-space:pre;word-wrap:break-word;}
table {font-size:inherit;font:100%;}
small {font-size:85%;}
strong {font-size:inherit;}
strong, th {font-weight:bold;}
td, td img {vertical-align:top;} 
sub, sup {font-size:75%;line-height:0;position:relative;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
pre, code, kbd, samp {font-family:monospace, sans-serif;} input, select {vertical-align:middle;}
select, input, textarea {-webkit-appearance:none;}
input, textarea, select, a {outline:none;}
input[type='radio'] {vertical-align:text-bottom;}
input[type='checkbox'] {vertical-align:bottom;vertical-align:baseline;-webkit-appearance:auto;}
.clickable, input[type=button], input[type=submit], button {cursor:pointer;}
button, input, select, textarea {margin:0;}
button {width:auto; overflow:visible;}
fieldset {border:0;margin:0;padding:0;}
textarea {resize:none;} @font-face {
font-family:'Muli';
src: url(//aicodingeducator.com/wp-content/themes/aice-theme/static/fonts/muli-300/muli-300.eot),
url(//aicodingeducator.com/wp-content/themes/aice-theme/static/fonts/muli-300/muli-300.woff2) format('woff2'),
url(//aicodingeducator.com/wp-content/themes/aice-theme/static/fonts/muli-300/muli-300.woff) format('woff'),
url(//aicodingeducator.com/wp-content/themes/aice-theme/static/fonts/muli-300/muli-300.ttf) format('truetype'),
url(//aicodingeducator.com/wp-content/themes/aice-theme/static/fonts/muli-300/muli-300.svg#Muli-Light) format('svg');
font-weight:300;
font-display:block;
}
@font-face {
font-family:'Muli';
src: url(//aicodingeducator.com/wp-content/themes/aice-theme/static/fonts/muli-700/muli-700.eot),
url(//aicodingeducator.com/wp-content/themes/aice-theme/static/fonts/muli-700/muli-700.woff2) format('woff2'),
url(//aicodingeducator.com/wp-content/themes/aice-theme/static/fonts/muli-700/muli-700.woff) format('woff'),
url(//aicodingeducator.com/wp-content/themes/aice-theme/static/fonts/muli-700/muli-700.ttf) format('truetype'),
url(//aicodingeducator.com/wp-content/themes/aice-theme/static/fonts/muli-700/muli-700.svg#Muli-Bold) format('svg');
font-weight:700;
font-display:block;
}
@font-face {
font-family:'Encode';
src: url(//aicodingeducator.com/wp-content/themes/aice-theme/static/fonts/encode-400/encode-400.eot),
url(//aicodingeducator.com/wp-content/themes/aice-theme/static/fonts/encode-400/encode-400.woff2) format('woff2'),
url(//aicodingeducator.com/wp-content/themes/aice-theme/static/fonts/encode-400/encode-400.woff) format('woff'),
url(//aicodingeducator.com/wp-content/themes/aice-theme/static/fonts/encode-400/encode-400.ttf) format('truetype'),
url(//aicodingeducator.com/wp-content/themes/aice-theme/static/fonts/encode-400/encode-400.svg#Quicksand-Medium) format('svg');
font-weight:500;
font-display:block;
} @media print {
* {background: transparent !important;color: #1d1f20 !important;box-shadow: none !important;text-shadow: none !important;}
a, a:visited {text-decoration: underline;}
pre, blockquote {border: 1px solid #999;page-break-inside: avoid;}
thead {display: table-header-group; }
tr, img {page-break-inside: avoid;}
img {max-width: 100% !important;}
@page {margin: 0.5cm;}
p, h2, h3 {orphans: 3;widows: 3;}
h2, h3 {page-break-after: avoid;}
footer, aside, .catbox, ul#social, menu-top-nav-container, #top form, .menu-icon, a.print {display:none !important;}
#top {position:relative !important;}
#top a, #top a:visited {text-decoration: none;}
.box {margin-bottom: 0 !important;padding-bottom:0 !important;}
#main-block {padding-top:1.875rem !important;}
#content {padding:1.875rem 0 !important;}
.text {margin-bottom: 0 !important;}
#main-title h1 {padding-top:0 !important;}
} html {scroll-behavior: smooth;}
body {font-family:'Muli', sans-serif;width:100%;font-weight:normal;position:relative;background:#194684;margin:0;padding:0;font-size: 1rem;}
.wrapper {max-width:46.125rem;margin:0 auto;}
.inside {padding:0 1.5rem;width:100%;}
#main-block {width:100%;clear:both; background:#dae0ea;}
#content {padding:1.5rem 0;overflow:hidden;}
#content *::selection {background-color:#dfe5ee;}
.desktop {display:block;}
.mobile {display:none;}
.video-wrapper {position:relative;padding-bottom:56.25%;padding-top:1.563rem;height:0;}
.video-wrapper iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
img.social-logo {position:absolute;top:-120%;}
figure {overflow:hidden;margin:0 !important;}
.zero {margin:0 !important;}
.margin-top {margin-top: 1.5rem;} a {color:#526dbc;letter-spacing:0.03rem;}
a.active {color:#1d1f20;}
a:hover {color:#1d1f20;}
a:hover, a:active {outline:none;} #top {width:100%;height:3.75rem;background:#194684;padding:0;clear:both;position:fixed;z-index:99999;-webkit-transition: all 300ms ease-out;-o-transition: all 300ms ease-out;transition: all 300ms ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.top-buttons {height:3.75rem;width:100%;}
.top-buttons .inside {height: 3.75rem;display: flex;align-items: center;justify-content:space-between;}
a.logo {display:block;float:left;font-size:1.6rem;color:#fff;padding-bottom:0.125rem;padding-top:0.063rem;}
a.logo:hover {color:#fff;}
a.menu-icon {width:2.25rem;height:2.25rem;text-indent:-9999px;background: url(/wp-content/themes/aice-theme/static/images/switch.svg) no-repeat center center;line-height:1em;float:right;-webkit-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out;transform:rotate(45deg);margin-left: auto;}
a.menu-icon.close-icon {transform:rotate(0deg);}
img.construction {margin-left:10px;}
a.page-icon {width:2.25rem;height:2.25rem;text-indent:-9999px;background: url(/wp-content/themes/aice-theme/static/images/switch-dark.svg) no-repeat center center;line-height:1em;float:right;-webkit-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out;transform:rotate(45deg);margin-left: auto;}
a.page-icon.close-icon {transform:rotate(0deg);} nav {visibility:hidden;opacity:0;position:absolute;position:fixed;top:0;margin-top:3.75rem;padding-bottom:11.25rem;right:auto;height:100%;width:100%;overflow:hidden;overflow-y:auto;background:#234f8b;letter-spacing:0.1em;-webkit-transition: all 200ms ease-out;-moz-transition: all 200ms ease-out;-o-transition: all 200ms ease-out;transition: all 200ms ease-out;-webkit-overflow-scrolling:touch;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.mobile-nav-show {opacity:1;visibility:visible;}
nav ul {display:block;margin:0;padding:0;}
nav ul li {text-align:center;display:block;margin:0;}
nav ul li:has(ul) > a:before {content:'+ ';}
nav ul li a {font-size:2em;line-height:1em;display:block;text-decoration:none;background:#234f8b;color:#fff;padding:1rem 0 1.125rem;}
nav ul li a:hover {color:#fff;}
nav ul li ul li {padding-left:0;}
nav ul li ul li a {font-size:1.5em;background:#2f5993;padding:0.875rem 0 1rem 0;border-bottom: 1px solid #194684;}
nav ul li ul li ul li {padding-left:0;}
nav ul li ul li ul li a {font-size:1.25em;background:#3b649c;padding:0.75rem 0 0.938rem 0;border-bottom: 1px solid #194684;}
nav ul li ul li ul li ul li {padding-left:0;}
nav ul li ul li ul li ul li a {font-size:1.25em;background:#4970a5;padding:0.75rem 0 0.938rem 0;border-bottom: 1px solid #194684;} a.button {background:#526dbc;text-align:center;display:block;border:none;font-size:1.125em;color:#fff;width:12.5rem;height:auto;-webkit-box-shadow: 0 1px 1px 1px #444;box-shadow: 0 1px 1px 1px #444;margin:0.188rem;text-shadow: 0 1px 1px #111;font-size:1em;text-transform:uppercase;font-weight:700;-webkit-transition: none;-o-transition: none;transition: none;padding:1.125rem 0;font-weight:700;letter-spacing:0.1em;line-height:1.5em;}
a.button:hover {color:#fff;-webkit-box-shadow: 0 1px 3px 1px #222;box-shadow: 0 1px 3px 1px #222;text-shadow: 0 1px 3px #111;}
a.button:active {-webkit-box-shadow:inset 0 1px 1px 1px #444;box-shadow:inset 0 1px 1px 1px #444;color:#fff;}
input[type=submit]#wp-submit, #password-reset-form input[type=submit], #register-custom input[type=submit], #pass-submit {text-transform:uppercase;width:100%;background:#526dbc;border: none;padding: 1rem 2rem;line-height: 1em;display: inline-block;height:100%;font-size: 1.125rem;font-weight: 300;color:white;font-family:'Muli', sans-serif;}
input[type=submit]#wp-submit:hover, #password-reset-form input[type=submit]:hover, #register-custom input[type=submit]:hover {background:#1d1f20;} #main-title {width:100%;display:flex;justify-content: center;background-color:var(--white);border-bottom: 1px solid #c9d0dd;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#main-title h1 {font-size:2.6em;line-height:1.125em;padding: 6.25rem 0 2.5rem 0;text-transform: capitalize;}
#main-title h1.home {font-size:3rem;padding-bottom:0.313rem;line-height:1em;}
#main-title h2 {font-size:1.4rem;padding-bottom: 2.5rem;color:#1d1f20;}
#grid {width: 100%;border-collapse: collapse;position:absolute;top:0;left:0;background:#ffffff;}
.cell {width: 1%;height: 1%;transition: background-color 0.3s;} .container {position:relative;opacity:0;}
.box {position:absolute;width:100%;padding:1.125rem;padding-bottom:1.25rem;margin-bottom:1.5rem;background:#fcfcfc;border:1px solid #c9d0dd;overflow:hidden;}
header h2 {font-size:1.5em;margin-bottom:1.25rem;}
header h2 a {line-height:1.125em;}
.text {width:100%;height:auto;overflow:hidden;}
.text p {font-weight: 300;font-size:1.125em;line-height:1.375em;margin-bottom:1.875rem;padding:0;}
.text p:last-child {margin:0;}
.text hr.wp-block-separator {border:none;height:1px;width:100%;background:#ccc;margin:0;margin:1.875rem 0;}
.text blockquote {border-left:3px solid #194684;;padding:0.7em 2em 0.8em 2em;margin-bottom: 1.875rem;overflow:hidden;}
.text blockquote p {padding:0;font-size:1.25em;}
.text blockquote cite {padding-top:1.125rem;float:right;}
.text img {width:100%;height:auto;padding-right:0;float:left;margin-bottom:1.563rem;}
.text h2 {font-size:2.2em;margin:3rem 0 1.563rem 0;}
.text h2.no-top-margin {margin-top:0;}
.text h3 {font-size:1.6em;margin:3rem 0 1.563rem 0;}
.text h3.no-top-margin {margin-top:0;}
.text ul, .text ol {padding:1.25rem 1.25rem 1.5rem 3.125rem;margin:0;margin-bottom:2.5rem;border: 1px solid #c9d0dd;background: #f8f9fa;}
.text ul.no-top-margin, .text ol.no-top-margin {margin-top:0;}
.text li {margin-bottom:1.5rem;font-size:1.25em;line-height:1.5em;list-style-type: disc;}
.text li::marker {color:#5a6f95;}
.text li:last-child {margin:0;}
.text a {line-height:1.5em;font-weight:700;}
.text pre {background:#f8f9fa;padding:1rem 1.25rem;margin-bottom:2.5rem;border:1px solid #c9d0dd;overflow: auto;tab-size: 4;}
.text .pre-wrapper {position: relative;}
.text div.pre-wrapper:last-child pre {margin-bottom: 1rem;}
.text .pre-wrapper.left-gradient-visible::before {content: '';position: absolute;top: 0;left: -1px;height: 100%;width: 5rem;background: linear-gradient(to left, rgba(255,255,255,0) 10%, rgba(255,255,255,1) 98%);display: block;}
.text .pre-wrapper.right-gradient-visible::after {content: '';position: absolute;top: 0;right: -1px;height: 100%;width: 5rem;background: linear-gradient(to right, rgba(255,255,255,0) 10%, rgba(255,255,255,1) 98%);display: block;}
.text code {font-size:1.25rem;line-height:1.5em;}
img.featured {padding-bottom:1rem;width:100%;height:auto;}
.text table {border-collapse: collapse;width: 100%;margin-bottom: 1.875rem;border: 1px solid #c9d0dd;border-bottom: none;}
.text thead {background-color: #f8f9fa;}
.text th, .text td {text-align: left;padding: 1rem;border-bottom: 1px solid #c9d0dd;}
.byline {clear:both;padding-top:1.25rem;overflow:hidden;}
.byline-time {font-size:1.25em;line-height:1.8em;float:left;margin-right:1.875rem;color:#194684;}
.byline-author {font-size:1.25em;line-height:1.8em;float:left;color:#194684;}
#paginate {position:relative;left:0;font-size:1.5em;overflow:hidden;margin: 2rem 0 0.6rem 0;}
.older{float:left;}
.newer{float:right;}
.read-more {display:inline;}
#page-nav {padding:1rem 1.5rem;background:#fcfcfc;border: 1px solid #c9d0dd;display: flex;justify-content: space-between;margin-bottom: 1.5rem;}
ul.breadcrumbs {width:100%;overflow:hidden;padding:0.313rem 0;}
ul.breadcrumbs li {float:left;font-weight: 300;font-size:1.125em;line-height:1.375em;}
ul.subpages {margin:0;}
ul.subpages li {font-family: 'Encode',sans-serif;font-size: 1.5rem;}
.sitemap {width:100%;overflow:hidden;}
.sitemap h2 {font-size:2.2em;margin:3rem 0 1.563rem 0;}
.sitemap ul {margin:0;}
.sitemap li {font-weight: 300;font-size:20px;line-height:1.375em;}
.sitemap li a {display:block;margin-bottom:0.75rem;}
.sitemap li > ul {margin-left:1.625rem;}
.page-box {display:none;margin:1.5rem 0 1rem 0.438rem;}
.pagemap {width:100%; }
.pagemap ul {width:100%;margin-left: 1.5rem; }
.pagemap.visible {opacity: 1;margin-left: 0;}
.pagemap.visible ul { }
.pagemap li {font-weight: 300;font-size:20px;line-height:1.375em;}
.pagemap li a {display:block;margin-bottom:0.75rem;}
.pagemap li a.current-page {color:#000000;}
.page h2:first-of-type {margin-top: 0;}
#tooltip {position: absolute;display: inline-block;background-color: #526dbc;color:#fff;border: 1px solid #fcfcfc;padding: 5px 8px 7px 8px;z-index: 1000;}
#tooltip:hover {background:#000;} .box-single {width:100%;padding:1.5rem;background:#fcfcfc;border: 1px solid #c9d0dd;}
.box-single img.featured {margin-bottom:2.5rem;padding:0;}
.box-single .text p {line-height:1.8em;font-size:1.25em;}
.box-single .text p.highlight {font-size:1.5rem;color:#526dbc;}
#toc ul {background: #f8f9fa;padding:1rem;padding-left:2.5rem;}
#toc ul li {margin:0;font-size:1.125em;line-height:1em;list-style-type:circle;}
#toc ul ul {border: none;padding:0;padding-left:1.5rem;margin-bottom:0.5rem;}
#toc ul ul:last-child {margin:0;} .box-page {width:100%;padding:1.5rem;background:#fcfcfc;border:1px solid #c9d0dd;}
.box-page .text p {line-height:1.8em;font-size:1.25em;}
.box-page .text p.highlight {font-size:1.5rem;color:#526dbc;}
.box-page ul:last-child {margin-bottom:0;}
#user_login, #user_pass, #username_input, #email_input, #password_input, #confirm_password_input, #pass1, #pass2 {padding: 0.75rem 1rem;background: #fcfcfc;font-size: 1.125rem;font-weight: 300;line-height: 1.5em;color: #1d1f20;width: 100%;height: auto;border: 1px solid #526dbc;font-family: 'Muli', sans-serif;-webkit-border-radius: 0;border-radius: 0;}
#user_login::placeholder, #user_pass::placeholder, #username_input::placeholder, #email_input::placeholder, #password_input::placeholder, #confirm_password_input::placeholder, #pass1::placeholder, #pass2::placeholder {font-style: italic;color: #7b8cac;}
.login-username, .login-password, .login-remember, #password-reset-form #user_login, #username_input, #email_input, #password_input, #confirm_password_input, #pass1, #pass2 {margin-bottom:1.5rem;}
.login-remember {text-align:center;font-size: 1.125rem;}
.login-submit {margin-bottom:1.5rem;}
.form-box-links {display:flex;justify-content:space-between;font-size: 1.25rem;}
p.error {padding: 0.75rem 1rem;margin: 0;margin-bottom: 1.5rem;border: 1px solid #ddc9c9;background: #fef8f8;color:#730000;font-size: 1.125rem;font-weight: 400;line-height: 1.5em;}
p.complete {padding: 0.75rem 1rem;margin: 0;margin-bottom: 1.5rem;border: 1px solid #c9c9dd;background: #f8f8fe;color: #000573;font-size: 1.125rem;font-weight: 400;line-height: 1.5em;}
.account-links {font-size: 1.25rem;} #gptBox {margin-top:1.5rem;padding:1.5rem;background: #fcfcfc;border: 1px solid #c9d0dd;}
h2.gptBoxHeading {font-size:2.2em;margin-bottom:1.5rem;}
#gptBox #gptInput {background:#fcfcfc;}
#gptOutput {width: 100%;font-size: 1.25em;}
#gptOutput * {line-height: 1.8em;}
#gptOutput div *:last-child {margin-bottom: 0.375rem;}
#gptOutput div {background: #f8f9fa;padding: 1rem 1.25rem;border: 1px solid #c9d0dd;margin-bottom:1.5rem;}
#gptOutput div.demo {background: #f8f9fa;border: 1px solid #e5ebf5;}
#gptOutput div p {margin-bottom:1.875rem;}
#gptOutput div ul, #gptOutput div ol {margin-bottom:1.875rem;padding-left: 1.5rem;}
#gptOutput div li {list-style-type:disc;}
#gptOutput div pre {margin-bottom:1.875rem;background: #eef2f5;padding: 1rem 1.25rem;border: 1px solid #c9d0dd;overflow: auto;tab-size: 4;}
#inputWrapper {display: grid;grid-template-columns: 10fr auto;}
#gptInput {padding: 0.75rem 1rem;background: #f8f9fa;font-size: 1.125rem;font-weight: 300;line-height: 1.5em;color: #1d1f20;height: auto;border: 1px solid #526dbc;font-family:'Muli', sans-serif;-webkit-border-radius:0;border-radius:0;}
#gptInput::placeholder {color: #7b8cac;font-style: italic;height: 100%;}
#gptSubmit {text-transform:uppercase;background: #526dbc;border: none;padding: 0 1rem 0.125rem 1rem;line-height: 0;display: inline-block;height: 100%;font-size: 1rem;font-weight: 700;font-size: 1.125em;color:white;font-family:'Muli', sans-serif;}
#gptSubmit:hover {background:#1d1f20;} #buttonBox {position:relative;top:1px;z-index:2;}
.codeButton {text-transform:uppercase;color:#526dbc;background:#fcfcfc;border: 1px solid #c9d0dd;border-bottom:0;padding:0.625rem 1rem 0rem 1rem;font-family:'Muli', sans-serif;font-weight:700;}
#buttons {float:right;width:auto;column-count: 1;clear: none;padding: 6px 0 1rem 0;}
.codeButtonPage {text-transform:uppercase;border:none;color:#fff;background: #526dbc;padding:0.5rem 1rem 0.625rem 1rem;font-family:'Muli', sans-serif;margin-left:0.5rem;width:auto;float:none;font-weight:700;}
.codeButtonPage:hover {background:#1d1f20;}
#codeBox {width: 100%;padding: 1.5rem;background:#fcfcfc;border: 1px solid #c9d0dd;}
#codeBox.codeBoxSingle {margin-top:1.5rem;padding: 1.5rem;}
h2.codeBoxHeading {font-size:2.2em;margin-bottom:1.5rem;padding-right:24px;float:left;}
#htmlInput, #cssInput {width:100%;height:auto;min-height:3.625rem;background:#f8f9fa;padding: 0.75rem 1rem 0.875rem 1rem;margin-bottom:1rem;border: 1px solid #c9d0dd;font-size: 1.25rem;line-height: 1.5em;font-family: monospace, sans-serif;resize: none;overflow: hidden;}
#htmlInput::placeholder, #cssInput::placeholder {color: #7b8cac;font-family:'Muli', sans-serif;font-size: 1.25rem;font-style:italic;}
#codeOutput {width:100%;background:#f8f9fa;border:1px solid #c9d0dd;overflow:hidden;min-height:3.625rem;padding: 1rem;box-sizing:content-box;width: calc(100% - 2.125rem);} .search .search-grid {display:grid;grid-template-columns: 10fr auto;}
.search input {flex-grow: 1;padding: 0.75rem 1rem;background: #f8f9fa;font-size: 1.125rem;font-weight: 300;line-height: 1.5em;color:#1d1f20;height: auto;border: 1px solid #c9d0dd;font-family:'Muli', sans-serif;-webkit-border-radius:0;border-radius:0;}
.search input, .search input[type="search"] {border-radius:0;-webkit-appearance:none;}
.search input::placeholder {color: #7b8cac;font-style: italic;height: 100%;}
.search input:focus-visible {outline-color: #808080;outline-offset: -3px;}
.search button {text-transform:uppercase;background:#526dbc;border: none;padding: 0 1rem;line-height: 0;display: inline-block;height:100%;font-size: 1.125rem;font-weight: 300;color:white;font-family:'Muli', sans-serif;font-weight:700;}
.search button:hover {background:#1d1f20;}
.search button img {filter: invert(100%);width:1.125rem;max-width: none;} footer {background:#194684;padding:2.5rem 0 3rem 0;clear:both;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
footer a {color:#fff;text-decoration:underline;}
footer a:hover {color:#fff;text-decoration:none;}
footer p {color:#fff;} .ace-hero { position: relative; padding-top: 3.75rem; overflow: hidden; background: #ffffff; border-bottom: 1px solid #c9d4e3; }
.ace-hero-animation { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.ace-hero-inner { position: relative; z-index: 1; padding: 4.75rem 1rem; max-width: 75rem; margin: 0 auto; }
.ace-hero-kicker { margin: 0 0 1.625rem; color: #526bbd; font-size: 0.8125rem; font-weight: 800; line-height: 1.2; letter-spacing: 0.11em; text-transform: uppercase; }
.ace-hero h1 { margin: 0 0 1.5rem; color: #1f4f8d; font-size: 3rem; font-weight: 400; line-height: 0.98; letter-spacing: -0.055em; }
.ace-hero-lead { margin: 0 0 1.1875rem; color: #1e2f48; font-size: 1.25rem; font-weight: 700; line-height: 1.55; }
.ace-hero-support { margin: 0 0 2.5rem; color: #5d6f88; font-size: 1.125rem; font-weight: 650; line-height: 1.55; }
.ace-hero-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin: 0 0 1.5rem; }
.ace-button { display: inline-flex; align-items: center; justify-content: center; min-height: 3.125rem; padding: 0 1.75rem; border: 1px solid #526bbd; font-size: 1rem; font-weight: 800; line-height: 1; text-decoration: none;}
.ace-button:hover {}
.ace-button-primary { background: #526bbd; color: #ffffff; }
.ace-button-primary:hover { background:#000;color:#fff; }
.ace-button-secondary { background: rgba(255, 255, 255, 0.72); color: #1f4f8d; }
.ace-button-secondary:hover { background: #eef3fb; border-color: #1f4f8d; }
.ace-hero-links { display: flex; flex-wrap: wrap; align-items: center; gap: 0.625rem; color: #6b7b95; font-size: 0.9375rem; font-weight: 800; }
.ace-hero-links a { color: #1f4f8d; text-decoration: none; }
.ace-hero-links a:hover { text-decoration: underline; }
.ace-intro { background: #ecf0f6; border-bottom: 0.0625rem solid #c9d4e3; }
.ace-intro-inner { display: grid; grid-template-columns: 1fr; gap: 2.25rem;margin: 0 auto; padding: 4.25rem 1rem; max-width: 75rem; margin: 0 auto;}
.ace-intro-copy { max-width: 47.5rem; }
.ace-intro h2 { margin: 0 0 1.25rem; color: #1f4f8d; font-size: 2.125rem; font-weight: 400; line-height: 1.08; letter-spacing: -0.055em; }
.ace-intro-copy p { margin: 0 0 1rem; color: #000000; font-size: 1.125rem; font-weight: 500; line-height: 1.6; }
.ace-intro-button { display: inline-flex; align-items: center; justify-content: center; min-height: 2.875rem; margin-top: 0.625rem; padding: 0 1.5rem; background: #526bbd; border: 0.0625rem solid #526bbd; color: #ffffff; font-size: 0.9375rem; font-weight: 800; line-height: 1; text-decoration: none; transition: transform 160ms ease, background-color 160ms ease, border-color 160ms ease; }
.ace-intro-button:hover { background:#000;color:#fff;}
.ace-intro-card { background: #ffffff; border: 0.0625rem solid #c9d4e3; box-shadow: 0 0.625rem 1.625rem rgba(31, 79, 141, 0.08); }
.ace-intro-card-row { padding: 1.4375rem 1.5rem; border-bottom: 0.0625rem solid #d7dfec; }
.ace-intro-card-row:last-child { border-bottom: 0; }
.ace-intro-card h3 { margin: 0 0 0.5625rem; color: #526bbd; font-size: 0.8125rem; font-weight: 850; line-height: 1.2; letter-spacing: 0.08em; text-transform: uppercase; }
.ace-intro-card p { margin: 0; color: #1f4f8d; font-size: 0.9375rem; font-weight: 850; line-height: 1.35; }
.ace-everyday { background: #ffffff; border-bottom: 0.0625rem solid #c9d4e3; }
.ace-everyday-inner { max-width: 73.75rem; margin: 0 auto; padding: 4.25rem 1rem; max-width: 75rem; margin: 0 auto;}
.ace-everyday-header { margin: 0 0 2.625rem; }
.ace-everyday h2 { margin: 0 0 1.125rem; color: #194684; font-size: 2.125rem; font-weight: 400; line-height: 1.08; letter-spacing: -0.045em; }
.ace-everyday-header p { margin: 0; color: #000000; font-size: 1.0625rem; font-weight: 500; line-height: 1.6; }
.ace-everyday-grid { display: grid; grid-template-columns: 1fr; gap: 0.0625rem; background: #c9d4e3; border: 0.0625rem solid #c9d4e3; margin: 0 0 1.75rem; }
.ace-everyday-card { background: #194684; padding: 1.875rem 1.625rem 2rem; }
.ace-everyday-card span { display: inline-flex; align-items: center; justify-content: center; min-width: 2.125rem; min-height: 1.625rem; margin: 0 0 1.25rem; background: rgba(255, 255, 255, 0.14); color: #ffffff; font-size: 0.75rem; font-weight: 800; line-height: 1; letter-spacing: 0.06em; }
.ace-everyday-card h3 { margin: 0 0 0.75rem; color: #ffffff; font-size: 1.25rem; font-weight: 400; line-height: 1.25; }
.ace-everyday-card p { margin: 0; color: rgba(255, 255, 255, 0.82); font-size: 1rem; font-weight: 500; line-height: 1.55; }
.ace-everyday-link { display: inline-flex; color: #526bbd; font-size: 1rem; font-weight: 800; line-height: 1.3; text-decoration: none; }
.ace-everyday-link:hover { color: #194684; text-decoration: underline; }
.ace-tools { background: #ecf0f6; border-bottom: 0.0625rem solid #c9d4e3; }
.ace-tools-inner { padding: 4.25rem 1rem; max-width: 75rem; margin: 0 auto;}
.ace-tools-header { margin: 0 0 2.75rem; }
.ace-tools h2 { margin: 0 0 0.875rem; color: #194684; font-size: 2rem; font-weight: 400; line-height: 1.1; letter-spacing: -0.045em; }
.ace-tools-header p { margin: 0; color: #000000; font-size: 1.125rem; font-weight: 500; line-height: 1.55; }
.ace-tools-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
.ace-tools-card { background: #ffffff; border: 0.0625rem solid #c9d4e3; padding: 2.125rem 2rem 1.75rem; }
.ace-tools-kicker { margin: 0 0 1rem; padding: 0 0 0.875rem; border-bottom: 0.0625rem solid #c9d4e3; color: #526bbd; font-size: 0.8125rem; font-weight: 850; line-height: 1.2; letter-spacing: 0.11em; text-transform: uppercase; }
.ace-tools-card h3 { margin: 0 0 0.875rem; color: #194684; font-size: 1.3125rem; font-weight: 400; line-height: 1.18; }
.ace-tools-card p:not(.ace-tools-kicker) { margin: 0 0 1.5rem; color: #000000; font-size: 1rem; font-weight: 500; line-height: 1.55; }
.ace-tools-button { display: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem; padding: 0 1.5rem; background: #526bbd; border: 0.0625rem solid #526bbd; color: #ffffff; font-size: 0.9375rem; font-weight: 800; line-height: 1; text-decoration: none; }
.ace-tools-button:hover { background:#000;color:#fff; }
.ace-start { background: #ffffff; border-bottom: 0.0625rem solid #c9d4e3; }
.ace-start-inner { padding: 4.875rem 1rem; max-width: 75rem; margin: 0 auto;}
.ace-start-header { margin: 0 0 2.75rem; }
.ace-start h2 { margin: 0 0 0.875rem; color: #194684; font-size: 2rem; font-weight: 400; line-height: 1.1; letter-spacing: -0.045em; }
.ace-start-header p { margin: 0; color: #000000; font-size: 1.125rem; font-weight: 500; line-height: 1.55; }
.ace-start-list { display: grid; grid-template-columns: 1fr; border: 0.0625rem solid #c9d4e3; }
.ace-start-item { display: grid; grid-template-columns: 3.75rem 1fr; background: #ffffff; border-bottom: 0.0625rem solid #c9d4e3; }
.ace-start-item:last-child { border-bottom: 0; }
.ace-start-number { display: flex; align-items: center; justify-content: center; background: #194684; color: #ffffff; font-size: 1.375rem; font-weight: 800; line-height: 1; }
.ace-start-content { padding: 1.75rem 1.75rem 1.625rem; }
.ace-start-content h3 { margin: 0 0 0.625rem; color: #194684; font-size: 1.125rem; font-weight: 400; line-height: 1.25; }
.ace-start-content p { margin: 0 0 1rem; color: #000000; font-size: 1rem; font-weight: 500; line-height: 1.55; }
.ace-start-content a { color: #526bbd; font-size: 0.9375rem; font-weight: 800; line-height: 1.3; text-decoration: none; }
.ace-start-content a:hover { color: #194684; text-decoration: underline; }
.ace-final-cta { background: #194684; border-bottom: 0.0625rem solid #123866; }
.ace-final-cta-inner { padding: 5rem 1rem; max-width: 75rem; margin: 0 auto; text-align: center; }
.ace-final-cta h2 { margin: 0 auto 1.125rem; color: #ffffff; font-size: 2rem; font-weight: 400; line-height: 1.08; letter-spacing: -0.05em; }
.ace-final-cta p { margin: 0 auto 2.375rem; color: rgba(255, 255, 255, 0.84); font-size: 1.125rem; font-weight: 400; line-height: 1.55; }
.ace-final-cta-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem; }
.ace-final-cta-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; padding: 0 1.75rem; border: 0.0625rem solid rgba(255, 255, 255, 0.48); font-size: 0.9375rem; font-weight: 800; line-height: 1; text-decoration: none; }
.ace-final-cta-actions a:hover {}
.ace-final-cta-primary { background: #ffffff; color: #194684; border-color: #ffffff; }
.ace-final-cta-primary:hover { background: #ecf0f6; color: #194684; border-color: #ecf0f6; }
.ace-final-cta-secondary { background: transparent; color: #ffffff; }
.ace-final-cta-secondary:hover { background: rgba(255, 255, 255, 0.1); color: #ffffff; border-color: #ffffff; }
@media (min-width: 48rem) {
.ace-hero-inner {padding: 4.75rem 1.5rem;}
.ace-intro-inner { grid-template-columns: minmax(0, 1fr) 18.75rem; align-items: center; gap: 4.75rem; padding: 4.75rem 1.5rem; }
.ace-everyday-inner { padding: 4.75rem 1.5rem; }
.ace-everyday-grid { grid-template-columns: repeat(2, 1fr); }
.ace-tools-inner { padding: 4.75rem 1.5rem; }
.ace-tools-grid { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
.ace-start-inner { padding: 5rem 1.5rem; }
.ace-start-item { grid-template-columns: 3.75rem 1fr; }
.ace-start-content { padding: 1.75rem 2rem 1.625rem; }
.ace-final-cta-inner { padding: 5rem 1.5rem; }
.ace-final-cta p { width: 58%; }
}
@media (min-width: 65rem) {
.ace-intro-inner { grid-template-columns: minmax(0, 47.5rem) 20rem; }
.ace-everyday-grid { grid-template-columns: repeat(4, 1fr); }
} @media (max-width:48rem){
.desktop {display:none;}
.mobile {display:block;}
.inside {padding:0 1rem;}
#content {padding:1rem 0;}
.box {margin-bottom:1rem;padding-bottom:1.375rem;}
.box-single {padding: 1rem;}
.box-single img.featured {margin-bottom: 1.5rem;}
.box-single .text p {line-height:1.5em;margin-bottom:1.5rem;}
.text p {font-size: 1.25rem;line-height:1.25em;}
.text h2 {font-size:1.8em;margin:2.5rem 0 1.5rem 0;}
.text h3 {font-size:1.5em;margin: 1.75rem 0 1.5rem 0;}
.text ul, .text ol {padding-left:2.5rem;}
.text li {margin-bottom: 1.25rem;font-size:1.375rem;line-height:1.375em;}
#main-title h1 {font-size:2em;line-height:1.25em;padding: 5.25rem 0 1.5rem 0;}
#main-title h1.home {font-size:2.6rem;line-height:1.125em;padding-bottom:0.313rem;}
#main-title h2 {font-size:1.25rem;padding-bottom: 1.5rem;color:#1d1f20;}
}
@media (max-width:36rem){
#buttons {float:none;clear:both;column-count:2;}
.codeButtonPage {width:100%;float:left;margin:0;}
}