.center, .wrap, form { margin-left: auto !important; margin-right: auto !important; }

.tsm { font-size: .8rem; }

.treg { font-size: 1rem; }

.tmd { font-size: 1.4rem; }

.tlg { font-size: 2rem; }

.txl { font-size: 3rem; }

.wlight { font-weight: 300; }

.wreg { font-weight: 400; }

.semi { font-weight: 600; }

.bold { font-weight: 700; }

.italic { font-style: italic; }

.underline { text-decoration: underline; }

.tcenter { text-align: center; }

.tright { text-align: right; }

.tleft { text-align: left; }

.tjustify { text-align: justify; }

.lowercase { text-transform: lowercase; }

.capitalize { text-transform: capitalize; }

.uppercase { text-transform: uppercase; }

.nocase { text-transform: none; }

.contentWidth { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; max-width: 100%; }

.left { margin-right: auto !important; margin-left: 0 !important; }

.right { margin-right: 0 !important; margin-left: auto !important; }

.pad { padding: 1rem; }

@media (min-width: 780px) { .pad { padding: 2rem; } }

.column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.row > div { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

@media (min-width: 580px) { .row > div { -ms-flex-preferred-size: 10%; flex-basis: 10%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
  .row .col10 { -ms-flex-preferred-size: 10%; flex-basis: 10%; }
  .row .col20 { -ms-flex-preferred-size: 20%; flex-basis: 20%; }
  .row .col30 { -ms-flex-preferred-size: 30%; flex-basis: 30%; }
  .row .col40 { -ms-flex-preferred-size: 40%; flex-basis: 40%; }
  .row .col50 { -ms-flex-preferred-size: 50%; flex-basis: 50%; }
  .row .col60 { -ms-flex-preferred-size: 60%; flex-basis: 60%; }
  .row .col70 { -ms-flex-preferred-size: 70%; flex-basis: 70%; }
  .row .col80 { -ms-flex-preferred-size: 80%; flex-basis: 80%; }
  .row .col90 { -ms-flex-preferred-size: 90%; flex-basis: 90%; }
  .row .col100 { -ms-flex-preferred-size: 100%; flex-basis: 100%; } }

.border { border: 2px solid #ffca58; border-radius: 0.25rem; padding: 1rem; margin-bottom: 1rem; }

@media (min-width: 780px) { .border { padding: 2rem; margin-bottom: 2rem; } }

.wrap { max-width: 1200px; }

.wrapsm { max-width: 500px; }

.shadow { -webkit-box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.06), 0 2px 16px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.06), 0 2px 16px rgba(0, 0, 0, 0.1); }

.inshadow { -webkit-box-shadow: inset 0 2px 16px rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 16px rgba(0, 0, 0, 0.1); }

* { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; overflow-wrap: break-word; }

*:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

body { overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 { font-weight: 600; overflow-wrap: break-word; text-align: center; }

a > h1, a > h2, a > h3, a > h4, a > h5, a > h6 { margin-bottom: 0 !important; }

h1 { font-size: 4rem; margin-bottom: 0rem; }

@media (min-width: 580px) { h1 { font-size: 6rem; } }

@media (min-width: 780px) { h1 { font-size: 8rem; } }

h2 { font-size: 2.75rem; margin-bottom: 2.5rem; }

@media (min-width: 780px) { h2 { font-size: 3rem; } }

h3 { font-size: 2.2rem; margin-bottom: 2rem; }

h4 { font-size: 2rem; margin-bottom: 1.5rem; }

h5 { font-size: 1.8rem; margin-bottom: 1.25rem; }

h6 { font-size: 1.6rem; margin-bottom: 1rem; }

div iframe {display: block; margin: auto; width: 20rem; height: 11.25rem;}

@media (min-width: 580px) { div iframe {width: 30rem; height: 16.875rem;} }

@media (min-width: 780px) { div iframe {width: 40rem; height: 22.5rem;} }

p, ul, ol { margin-bottom: 1rem; line-height: 1.5; }

p a, ul a, ol a { text-decoration: underline; }

li { list-style-position: inside; }

img { max-width: 100%; max-height: 100%; }

* { font-family: "Abel", sans-serif; color: #46146e; }

h1, h2, h3, h4, h5, h6 { font-family: "Cute Font", cursive; }

nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1rem; }

nav > div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (min-width: 580px) { nav { margin-bottom: 3rem; } }

@media (min-width: 780px) { nav { margin-bottom: 5rem; } }

nav li { list-style: none; }

nav a { padding: .5rem 1rem; margin: .25rem; background: #ffca58; border: 0.25rem outset #cf9415; border-radius: 0.25rem; font-weight: bold; }

nav a:hover, nav a:focus { -webkit-transform: scale(1.05); transform: scale(1.05); }

.cta { margin-bottom: 1rem; padding: 0.5rem 1rem; background: #46146e; border-color: #e1bcff; border: none; color: #f1e0ff; font-size: 2rem; -webkit-animation: pulse 2000ms ease-in-out infinite; animation: pulse 2000ms ease-in-out infinite; }

@-webkit-keyframes pulse { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); transform: scale(1.1); } }

@keyframes pulse { 0%, 100% { -webkit-transform: scale(1); transform: scale(1); }
  50% { -webkit-transform: scale(1.1); transform: scale(1.1); } }

footer { display: -webkit-box; display: -ms-flexbox; display: flex; background: #ffca58; border-top: 0.25rem outset #cf9415; }

footer > div, footer > a { height: 4rem; margin: .5rem 0; padding: .25rem; font-size: 1rem; font-family: "Cute Font", cursive; border: 0.25rem outset #cf9415; border-radius: 0.25rem; }

footer > div img, footer > a img { -o-object-fit: contain; object-fit: contain; margin: auto; }

footer > div p, footer > a p { padding: 0; margin: 0; font-family: "Cute Font", cursive; }

@media (min-width: 580px) { footer > div, footer > a { padding: .25rem .5rem; font-size: 1.4rem; } }

footer > a { display: -webkit-box; display: -ms-flexbox; display: flex; max-height: 4rem; max-width: 8rem; min-width: 3rem; margin-right: .25rem; background: #ffecc2; }

@media (min-width: 580px) { footer > a { min-width: 4rem; } }

footer .start { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 5.5rem; margin-left: .25rem; margin-right: .25rem; padding: .5rem; background-color: #ffecc2; }

footer .start img { height: 70%; margin: 0 .25rem 0 0; }

@media (min-width: 580px) { footer .start { min-width: 8rem; }
  footer .start img { height: auto; margin-right: .5rem; }
  footer .start p { font-size: 2rem; } }

footer .blank { width: 100%; margin: 0; padding: 0; border: none; }

footer .copyright { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: .25rem; margin-right: .25rem; background: #ffecc2; border: 0.25rem inset #cf9415; }

@media (min-width: 580px) { footer .copyright { min-width: 12rem; } }

footer .copyright p { margin: auto; line-height: 1.5rem; }

form { max-width: 500px; }

form code { width: 100%; }

fieldset { position: relative; max-width: 500px; margin-bottom: 1.5rem; padding: .5rem .5rem 1rem; border: 0.25rem inset #cf9415; background: #f1e0ff; }

legend { padding: .25rem .5rem; text-align: center; font-weight: 600; font-size: 1.6rem; border-radius: 0.25rem; }

legend h1, legend h2, legend h3, legend h4, legend h5, legend h6 { margin: none; }

.note { position: relative; right: -.5rem; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: .25rem .5rem; margin: .5rem 0 .5rem auto; border-radius: 0.25rem 0 0 0.25rem; }

.note p { margin: 0; }

.note h1, .note h2, .note h3, .note h4, .note h5, .note h6 { margin: 0; }

@media (min-width: 780px) { .note { right: -1rem; } }

.noteLeft { position: relative; left: -.5rem; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: .25rem .5rem; margin: .5rem auto .5rem 0; border-radius: 0 0.25rem 0.25rem 0; }

.noteLeft p { margin: 0; }

.noteLeft h1, .noteLeft h2, .noteLeft h3, .noteLeft h4, .noteLeft h5, .noteLeft h6 { margin: 0; }

@media (min-width: 780px) { .noteLeft { left: -1rem; } }

input, textarea, select, label { display: block; margin-top: .5rem; font-size: 1.4rem; font-family: inherit; font-weight: bold; padding: .25rem; }

input, textarea, select { width: 100%; max-width: 100%; border: 0.25rem inset #e1bcff; }

textarea { min-width: 100%; min-height: 5rem; }

label { margin-top: 0; font-weight: 600; font-size: 2rem; }

input[type="submit"], input[type="button"], input[type="reset"] { display: inline-block; padding: .5rem 1rem; margin: .25rem; margin-top: 1.5rem; width: auto; color: white; }

input[type="color"] { background: none; border: none; padding: unset; height: 3rem; }

input[type="checkbox"], input[type="radio"] { width: auto; }

.check, .radio { margin: 1rem 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.check input, .radio input { display: none; padding: 0; margin: 0; }

.check label, .radio label { padding: 0; margin: 0 .5rem; width: auto; }

.check .customCheck, .radio .customCheck { display: block; height: 2rem; min-width: 2rem; margin: 0; border: 0.25rem inset #e1bcff; background: white; }

.check input:checked ~ .customCheck, .radio input:checked ~ .customCheck { background-image: url(/img/check.svg); background-size: contain; }

#form .emailSelect { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#form .emailSelect p { margin-top: .5rem; padding: .25rem; border: none; background: none; }

#form .emailSelect select { max-width: 12rem; }

@media (min-width: 580px) { #form .emailSelect { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } }

#form form p { margin: 0; padding: .25rem; background: none; border: none; }

body { background: #f1e0ff; background-image: url(bg3.svg); background-size: 10rem; }

#main > section { padding: 2rem 2rem 4rem; }

p { font-size: 1.4rem; font-weight: bold; }

p a { padding: 0 .25rem; margin: 0; text-transform: underline; border: none; background: none; }

p a:hover, p a:focus { background: #ffca58; }

a, button, input[type="submit"], input[type="button"], input[type="reset"] { color: inherit; text-decoration: none; font-weight: 600; font-family: inherit; font-size: inherit; cursor: pointer; }

button, input[type="submit"], input[type="button"], input[type="reset"] { background: #f1e0ff; border: 0.25rem outset #e1bcff; font-size: 1.4rem; }

button:hover, button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus { -webkit-transform: scale(1.05); transform: scale(1.05); }

.window { position: relative; -webkit-transform: translateX(0.25rem); transform: translateX(0.25rem); max-width: 600px; margin: 0 auto 6rem; padding: 1rem 1rem .25rem 1rem; background: #ffca58; -webkit-box-shadow: 0 0 0 0.25rem #46146e, 0 0 0 1rem #f1e0ff, 0 0 0 1.25rem #46146e, -0.05rem 0.05rem 0 1.25rem #46146e, -0.1rem 0.1rem 0 1.25rem #46146e, -0.15rem 0.15rem 0 1.25rem #46146e, -0.2rem 0.2rem 0 1.25rem #46146e, -0.25rem 0.25rem 0 1.25rem #46146e, -0.3rem 0.3rem 0 1.25rem #46146e, -0.35rem 0.35rem 0 1.25rem #46146e, -0.4rem 0.4rem 0 1.25rem #46146e, -0.45rem 0.45rem 0 1.25rem #46146e, -0.5rem 0.5rem 0 1.25rem #46146e; box-shadow: 0 0 0 0.25rem #46146e, 0 0 0 1rem #f1e0ff, 0 0 0 1.25rem #46146e, -0.05rem 0.05rem 0 1.25rem #46146e, -0.1rem 0.1rem 0 1.25rem #46146e, -0.15rem 0.15rem 0 1.25rem #46146e, -0.2rem 0.2rem 0 1.25rem #46146e, -0.25rem 0.25rem 0 1.25rem #46146e, -0.3rem 0.3rem 0 1.25rem #46146e, -0.35rem 0.35rem 0 1.25rem #46146e, -0.4rem 0.4rem 0 1.25rem #46146e, -0.45rem 0.45rem 0 1.25rem #46146e, -0.5rem 0.5rem 0 1.25rem #46146e; }

.window::after { content: "x"; position: absolute; top: -1.5rem; right: -.8rem; font-family: "Cute Font", cursive; font-size: 1.4rem; font-weight: bold; }

.window:hover::after { content: "this isn't a real window"; position: absolute; top: -1.25rem; right: -.8rem; font-family: "Cute Font", cursive; font-size: 1rem; }

.window h2, .window h3, .window h4, .window h5, .window h6 { margin: 0 0 1rem 0; text-align: left; font-size: 3rem; line-height: 2.5rem; }

.window p { margin-bottom: 1.5rem; padding: 1rem; background: #f1e0ff; border: 0.25rem inset #cf9415; }

@media (min-width: 580px) { .window { -webkit-box-shadow: 0 0 0 0.25rem #46146e, 0 0 0 1.5rem #f1e0ff, 0 0 0 1.75rem #46146e, -0.05rem 0.05rem 0 1.75rem #46146e, -0.1rem 0.1rem 0 1.75rem #46146e, -0.15rem 0.15rem 0 1.75rem #46146e, -0.2rem 0.2rem 0 1.75rem #46146e, -0.25rem 0.25rem 0 1.75rem #46146e, -0.3rem 0.3rem 0 1.75rem #46146e, -0.35rem 0.35rem 0 1.75rem #46146e, -0.4rem 0.4rem 0 1.75rem #46146e, -0.45rem 0.45rem 0 1.75rem #46146e, -0.5rem 0.5rem 0 1.75rem #46146e; box-shadow: 0 0 0 0.25rem #46146e, 0 0 0 1.5rem #f1e0ff, 0 0 0 1.75rem #46146e, -0.05rem 0.05rem 0 1.75rem #46146e, -0.1rem 0.1rem 0 1.75rem #46146e, -0.15rem 0.15rem 0 1.75rem #46146e, -0.2rem 0.2rem 0 1.75rem #46146e, -0.25rem 0.25rem 0 1.75rem #46146e, -0.3rem 0.3rem 0 1.75rem #46146e, -0.35rem 0.35rem 0 1.75rem #46146e, -0.4rem 0.4rem 0 1.75rem #46146e, -0.45rem 0.45rem 0 1.75rem #46146e, -0.5rem 0.5rem 0 1.75rem #46146e; }
  .window::after { content: "X"; position: absolute; top: -2rem; right: -1.25rem; font-family: "Cute Font", cursive; font-size: 2rem; font-weight: bold; }
  .window:hover::after { content: "this isn't a real window"; position: absolute; top: -1.8rem; right: -1.25rem; font-family: "Cute Font", cursive; font-size: 1.4rem; } }
/*# sourceMappingURL=main.css.map */