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, strong, sub, sup, tt, var,
b, u, i, center,
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: 1rem;
    vertical-align: baseline;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1.1;
    background-color: #121212;
    /*background: #402B0D;*/
    color: #1d0073;
}

ul.noBullets {
    list-style: none;
}

ol, ul {
    margin-left: 1em;
}

ul:not:first-child {
    margin-top: 1em;
}

ul > li, ol > li {
    margin: 0.5em 0 0 1em;
}

ul > li > ul {
    list-style: disc;
    margin-bottom: 0.7em;
}

li.unlisted {
    list-style-type: none;
}

li, li p, .blurb li p {
    font-size: 1rem;
}

.blurb ol > p {
    margin: 0.5em 0 0.8em;
}

blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

header {
    margin-top: 4px;
    background-color: #faf5e6;
}

header .mainHead {
    padding: 0.7rem 0.7rem 1.2rem;
    /*position: relative;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    /*justify-content: center;*/
    /*text-align: center;*/
}

header .logo img {
    height: 5em;
    position: absolute;
    top: -8px;
    margin-left: 2.5rem;
}

header .mainHead a {
    text-decoration: none;
}

header h1 {
    height: 5.5rem;
}

header h1 .yoink {
    font-family: 'Gochi Hand', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    color: #ea9f2f;
    font-size: 3.8rem;
    position: relative;
    left: -0.5em;
    top: -0.2em;
    /*z-index: 2;*/
    /*text-shadow: -0.3em 0em 0.2em #ea9f2f11, -0.19em 0em 0.1em #ea9f2f22, -0.05em 0em 0.1em #ea9f2f55;*/
}
header h1 .inventory {
    color: #220181;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    position: relative;
    top: -1.4em;
    left: -0.35em;
    font-size: 1.7rem;
    z-index: 2;
}

h1, h2, h3, h4, h5 {
    color: #210d7a;
}

header h2 {
    font-size: 1.2rem;
    font-weight: 400;
    margin-top: -1em;
    text-align: center;
}

header nav {
    display: none;
}

.mainBack {
    width: 100%;
    background: #795e3c;
    min-height: 20em;
}

.main {
    padding: 1px 1rem 1rem;
}

video {
    width: 100%;
}

.blurb {
    margin-top: 0.6em;
    background-color: #faf5e6; /* #e1d5ae; /* #e2d6af; /* #e2d6af; /* #fdf2e1; */
    padding: 1rem 0.7rem;
    border-radius: 0.3rem;
    /*border: solid 1px #faf5e6; !* #181404; !*#ea9f2f;*!*/
    box-shadow: 0 2px 4px rgb(0 0 0 / 50%); /* #181404; */
}

h2 {
    font-family: 'Gochi Hand', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 2.4rem;
    font-weight: 900;
}

.mainHead h2 {
    font-family: 'Lato', sans-serif;
}

h3 {
    font-family: 'Gochi Hand', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 2rem;
    font-weight: 900;
}

h4 {
    margin-top: 0.8em;
    font-size: 1.5rem;
    font-weight: 900;
}

h5 {
    font-size: 1.35rem;
    font-weight: 700;
    margin-top: 0.8em;
}

h6 {
    font-size: 1.15rem;
    font-weight: 700;
    margin-top: 0.8em;
}

h3:not(:first-child) {
    margin-top: 0.8em;
}

h3 + h4, h4 + h5, h5 + h6 {
    margin-top: 0.4em;
}

.indent {
    margin-left: 1em;
}

.blurb img, .blurb video {
    background: #eeeeee;
    border: 1px solid #795e3c; /* #060300; */
    margin: 0.5rem 0 0;
    max-width: calc(100% - 1rem);
}

.blurb a, .blurb p {
    font-size: 1rem;
}

.blurb p {
    margin-top: 0.6em;
}

.blurb h3 + p {
    margin-top: 0.4em;
}

.blurb strong {
    font-weight: 700;
}

.helpPad {
    padding: 0.5rem;
}

a {
    color: #4b00fe;
}

a:visited {
    color: #505795;
}

.btn {
    margin-top: 0.2em;
    background-color: #e79720;
    border-radius: 1rem;
    -moz-border-radius:1rem;
    -webkit-border-radius:1rem;

    font-size: 2rem;
    text-decoration: none;
    font-family: 'Gochi Hand', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;

    color: #fff6ef;
    border:1px solid #ea9f2f;

    display:inline-block;
    cursor:pointer;
    padding-top: 0.2em;
    text-align: center;
}

.btn[disabled="disabled"], .btn[disabled="disabled"]:hover {
    background-color: #e8d4be;
    border:1px solid #ebd8bc;
    cursor: default;
}

.cta .btn {
    font-size: 1.2rem;
    /*margin-top: 0.2em;*/
    /*background-color: #e79720;*/

    /*border-radius: 1rem;*/
    /*-moz-border-radius:1rem;*/
    /*-webkit-border-radius:1rem;*/

    /*text-decoration: none;*/
    /*font-size: 1.2rem;*/
    color:#ffffff;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-weight:bold;
    text-shadow:0 -1px 0 rgb(0 0 0 / 50%);

    /*-moz-box-shadow:inset 0px 34px 0px -15px #f2bf74, 0 2px 2px #181404;*/
    /*-webkit-box-shadow:inset 0px 34px 0px -15px #f2bf74, 0 2px 2px #181404;*/
    /*box-shadow:inset 0px 34px 0px -15px #f2bf74, 0 2px 2px #181404;*/
    -moz-box-shadow:inset 0 34px 0 -15px #f7b059, 0 4px 4px rgb(0 0 0 / 50%);
    -webkit-box-shadow:inset 0 34px 0 -15px #f7b059, 0 4px 4px rgb(0 0 0 / 50%);
    box-shadow:inset 0 34px 0 -15px #f7b059, 0 4px 4px rgb(0 0 0 / 50%);

    /*border:1px solid #ea9f2f;*/
}

.btn:hover {
    background-color:#ffb74d;
}
.btn:active {
    position:relative;
    top:0.2em;
}

.ref {
    font-family: "Roboto Mono", "Courier New", monospace;
    font-size: 0.9rem;

    /*#fdf2e1*/
    background-color: #f0e5d1;
    color: #210075;
    padding: 0.1em;
    border: 1px solid #fce7c7;
    border-radius: 0.3em;
}

form {
    margin: 0.7em 0 0;
}

form label {
    margin: 0.4em 0 0;
}

input[type=text], input[type=email], input[type=password], textarea {
    width: calc(100% - 1em);
    max-width: 16em;
    padding: 0.3em;
    font-family: "Roboto Mono", "Courier New", monospace;
    font-size: 1.2rem;
    border-radius: 8px;
    background-color: #fff;

    border: 1px solid rgba(0, 0, 0, .15);
    color: #210075;
}

input::placeholder {
    color: #d2d2d2;
}

.warning {
    /*background-color: oklch(0.61 0.04 99.26);*/
    /*!*border: 1px solid #fcde03;*!*/
    /*color: oklch(0.9 0.124 99.26);*/

    background-color: oklch(0.9 0.104 99.26);
    color: oklch(0.6 0.1033 99.26);

    border-radius: 0.5em;
    margin: 0.618em 0 0;
    padding: 0.5em 1.618em;
    max-width: 20em;

    box-shadow: 0 0.1em 0.25em rgb(0 0 0 / 20%) inset;
}

.warning b {
    color: #4E1515;
    font-size: 1.1rem;
}

.err {
    color: #ea2f2f;
}

.err b {
    color: #4E1515;
    font-size: 1.1rem;
}

.gPlayLink img {
    border: 0;
    padding: 0;
    background: transparent;
}

footer {
    padding: 1em 1em 50px;
}

footer ul {
    margin-left: 0.75rem;
}

nav ul li {
    list-style: none;
    margin: 0.3em 0;
}

nav a {
    font-size: 0.9rem;
    font-weight: 300;
}

header nav {
    background-color: #060300; /* #3d3b2f; /* #181404; */
}

footer a, header nav a {
    color: #fdf2e1;
}

footer a:visited, header nav a:visited {
    color: #d8d4cd;
}

header nav ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 1022px;
    margin: auto;
    padding: 0 calc(1rem + 1px);
}

nav .getYoink a {
    color: #ea9f2f;
}

.phoneCapPortrait img, video.phoneCapPortrait {
    max-height: 640px;
}

video.phoneCapPortrait {
    max-width: 320px;
}

@media all and (min-width: 426px) {
    header nav {
        display: block;
    }
}

@media all and (min-width: 1024px) {
    .main, footer nav {
        max-width: 1024px;
        margin: 0 auto;
    }
}