@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

html {
  scrollbar-color: #d5d5d5 #211e49;
  scrollbar-width: thin;
  font-size: 62.5%;
}

body {
  font-size: 1.5rem; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  max-width: 80rem;
  margin: 2rem auto;
  word-wrap: break-word;
  color: #222222;
  background: rgb(33, 30, 73);
  background: linear-gradient(180deg, rgb(33, 30, 73) 0%, rgb(65, 59, 145) 100%);
  text-rendering: optimizeLegibility;
  margin-bottom: 0;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='800' height='560' preserveAspectRatio='none' viewBox='0 0 800 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1059%26quot%3b)' fill='none'%3e%3crect width='800' height='560' x='0' y='0' fill='rgba(33%2c 30%2c 73%2c 1)'%3e%3c/rect%3e%3cpath d='M271.977%2c418.434C312.37%2c419.503%2c341.783%2c384.355%2c361.189%2c348.913C379.674%2c315.154%2c389.234%2c274.125%2c368.879%2c241.46C349.366%2c210.146%2c308.861%2c206.685%2c271.977%2c205.745C232.629%2c204.742%2c186.05%2c202.348%2c166.124%2c236.292C146.077%2c270.442%2c170.685%2c310.162%2c190.582%2c344.399C210.333%2c378.385%2c232.682%2c417.394%2c271.977%2c418.434' fill='rgba(88%2c 81%2c 173%2c 0.05)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M623.992%2c326.988C651.783%2c328.112%2c678.972%2c312.9%2c691.381%2c288.008C702.786%2c265.13%2c692.422%2c239.07%2c678.51%2c217.624C666.069%2c198.445%2c646.806%2c185.59%2c623.992%2c184.122C598.022%2c182.451%2c569.07%2c187.344%2c555.799%2c209.73C542.351%2c232.415%2c552.167%2c260.117%2c565.425%2c282.914C578.59%2c305.551%2c597.826%2c325.93%2c623.992%2c326.988' fill='rgba(88%2c 81%2c 173%2c 0.05)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M365.62%2c507.059C380.499%2c507.495%2c396.585%2c505.706%2c404.99%2c493.421C414.373%2c479.707%2c415.584%2c461.018%2c406.752%2c446.943C398.353%2c433.558%2c381.384%2c429.594%2c365.62%2c430.683C351.811%2c431.637%2c340.291%2c440.084%2c333.28%2c452.019C326.161%2c464.137%2c322.933%2c479.109%2c330.053%2c491.226C337.099%2c503.218%2c351.717%2c506.652%2c365.62%2c507.059' fill='rgba(88%2c 81%2c 173%2c 0.05)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M193.255%2c518.979C225.652%2c520.126%2c261.518%2c517.872%2c279.546%2c490.93C299.186%2c461.579%2c295.94%2c422.604%2c278.161%2c392.089C260.506%2c361.786%2c228.205%2c339.911%2c193.255%2c342.825C161.754%2c345.452%2c144.716%2c376.604%2c129.779%2c404.462C115.982%2c430.196%2c102.777%2c459.637%2c116.933%2c485.175C131.391%2c511.258%2c163.452%2c517.924%2c193.255%2c518.979' fill='rgba(88%2c 81%2c 173%2c 0.05)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M619.122%2c607.314C656.776%2c609.969%2c694.462%2c593.16%2c714.023%2c560.877C734.251%2c527.493%2c733.917%2c484.863%2c713.459%2c451.62C693.892%2c419.825%2c656.399%2c404.613%2c619.122%2c406.668C585.221%2c408.537%2c556.939%2c431.016%2c541.232%2c461.116C526.702%2c488.961%2c530.107%2c521.233%2c544.875%2c548.952C560.74%2c578.73%2c585.466%2c604.941%2c619.122%2c607.314' fill='rgba(88%2c 81%2c 173%2c 0.05)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M53.093%2c70.486C73.619%2c70.637%2c91.885%2c58.632%2c102.413%2c41.01C113.241%2c22.886%2c116.541%2c0.281%2c105.944%2c-17.979C95.382%2c-36.179%2c74.136%2c-44.069%2c53.093%2c-43.979C32.227%2c-43.89%2c11.359%2c-35.653%2c1.019%2c-17.529C-9.243%2c0.458%2c-5.532%2c22.472%2c5.012%2c40.294C15.34%2c57.751%2c32.811%2c70.337%2c53.093%2c70.486' fill='rgba(88%2c 81%2c 173%2c 0.05)' class='triangle-float2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1059'%3e%3crect width='800' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");
  background-size: cover;
  background-position: center;
}

button,
input,
textarea {
  transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease;
}

h1 {
  font-size: 2.2em;
  margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 1.2rem;
  margin-top: 2.4rem;
  font-family: "Montserrat", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
  color: #171717;
}

h1,
h2,
h3,
h4,
h5,
h6,
b,
strong,
th {
  font-weight: 600;
}

q::before {
  content: none;
}

q::after {
  content: none;
}

blockquote,
q {
  border-left: 0.4rem solid rgba(227, 128, 38, 0.65);
  margin: 1.5em 0;
  padding: 0.5em 1em;
  font-style: italic;
}

blockquote > footer {
  font-style: normal;
  border: 0;
}

blockquote cite {
  font-style: normal;
}

address {
  font-style: normal;
}

a[href^="mailto:"]::before {
  content: "📧 ";
}

a[href^="tel:"]::before {
  content: "📞 ";
}

a[href^="sms:"]::before {
  content: "💬 ";
}

mark {
  background-color: #ff0;
  border-radius: 0.2rem;
  padding: 0 0.2rem 0 0.2rem;
  color: #171717;
}

.header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header svg {
  height: 50vw;
}
@media (min-width: 800px) {
  .header svg {
    height: 350px;
  }
}
.header h1 {
  font-family: "Titan One", cursive;
  color: #fac12a;
  font-size: 3.5em;
  margin-top: 0rem;
  font-weight: 400;
}
@media (min-width: 800px) {
  .header h1 {
    font-size: 5em;
  }
}
.header div {
  color: white;
  font-size: 1.1em;
}
@media (min-width: 800px) {
  .header div {
    font-size: 1.5em;
  }
}

.body {
  background-color: white;
  border-radius: 1.5em;
  padding: 2em;
  margin-top: 2em;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-bottom: 0.5em;
}
.body .section {
  display: flex;
  flex-direction: column;
  padding: 1em;
  border-bottom: #f2f2f2 2px solid;
}
.body .section .title {
  align-self: center;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #E38026;
  color: #000000;
  display: inline-block;
  padding: 0.75em 5em;
  position: relative;
  margin: 1em 0;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.body .section .title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 13px solid white;
  border-bottom: 25px solid transparent;
  border-top: 25px solid transparent;
}
.body .section .title::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-right: 13px solid white;
  border-bottom: 25px solid transparent;
  border-top: 25px solid transparent;
}
.body .section .content {
  padding: 1em;
  font-weight: 600;
}
.body .section.youllneed .content, .body .section.origin .content {
  display: flex;
  align-items: center;
  gap: 1em;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 800px) {
  .body .section.youllneed .content, .body .section.origin .content {
    flex-direction: row;
    text-align: left;
  }
}
.body .section.youllneed .content svg, .body .section.origin .content svg {
  height: 125px;
}
@media (min-width: 800px) {
  .body .section.youllneed .content svg, .body .section.origin .content svg {
    height: 200px;
  }
}
.body .section.youllneed .content .title, .body .section.origin .content .title {
  text-align: left;
}
.body .section.origin .content {
  flex-direction: column-reverse;
}
@media (min-width: 800px) {
  .body .section.origin .content {
    flex-direction: row-reverse;
    text-align: right;
  }
}
.body .section.instructions .content, .body .section.rules .content {
  display: flex;
  gap: 1.5em;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 800px) {
  .body .section.instructions .content, .body .section.rules .content {
    flex-direction: row;
  }
}
.body .section.instructions .content .item, .body .section.rules .content .item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1em;
  margin-bottom: 1em;
}
@media (min-width: 800px) {
  .body .section.instructions .content .item, .body .section.rules .content .item {
    width: 31%;
    flex-direction: column;
    gap: 0.5em;
  }
}
.body .section.instructions .content .item .number, .body .section.rules .content .item .number {
  width: 50px;
  flex-grow: 0;
  flex-shrink: 0;
  font-weight: 600;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.body .section.instructions .content .item .text, .body .section.rules .content .item .text {
  text-align: left;
}
@media (min-width: 800px) {
  .body .section.instructions .content .item .text, .body .section.rules .content .item .text {
    text-align: center;
  }
}
.body .section.example .content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}
.body .section.example .content .item {
  display: flex;
  align-items: center;
  gap: 1em;
  margin-bottom: 1em;
}
.body .section.example .content .item.continue {
  align-self: center;
  font-size: 2em;
  font-weight: 600;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #211e49;
}
.body .section.example .content .item.left {
  flex-direction: row;
}
.body .section.example .content .item.left .head {
  justify-content: right;
}
.body .section.example .content .item.left .text {
  text-align: left;
}
.body .section.example .content .item.right {
  flex-direction: row-reverse;
}
.body .section.example .content .item.right .text {
  text-align: right;
}
.body .section.example .content .item .head {
  display: flex;
  flex-shrink: 1;
}
.body .section.example .content .item .head svg {
  width: 80px;
  height: 125;
}
.body .section.example .content .item .text {
  flex-grow: 1;
  text-align: left;
}
.body .footer {
  color: #70777f;
}
.body .footer ul {
  list-style: none;
  text-align: center;
}
.body .footer a {
  color: #70777f;
}

/*# sourceMappingURL=theme.css.map */