body {
    margin: 0;
    color: black;
    font-family: arial;
    background: #f5f5f5;
}

a, img {
    user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

a {
    font-family: arial;
    color: #FFCC33;
}

a:hover {
    color: #6666ff;
}

a:active {
    color: #DCD1EE;
}

a:visited {
    color: #9933CC;
}

a:hover {
    color: #a1a1a1;
}

.logo {
    text-shadow: 1px 1px black;
    color: #FFCC33;
}

.logo-title {
    font-size: x-large;
    font-weight: bold;
    font-family: "arial narrow";
}

.logo-subtitle {
    font-size: large;
    font-family: "arial narrow";
}

.logo-email {
    font-size: medium;
    margin-top: 4px;
}

.logo-email a {
    /* color:#ff6666; */
    color: #ffecb3;
}

/* .special-body {
    background-color: black;
    margin: 0;
    color: #ccccff;
}

.special-body:a {
    color: #ccccff;
}

.special-body:active {
    color: #cc99cc
}

.special-body:visited {
    color: #ccccff
} */

.xxlarge {
    font-size: xx-large;
}

.large {
    font-size: larger;
}

.mlarge {
    font-size: large;
}

 
.medium {
    font-size: medium;
}

.small {
    font-size: small;
}

.xsmall {
    font-size: x-small;
}

.xxsmall {
    font-size: xx-small;
}

.narrow {
    font-size: narrow;
    font-family: "arial narrow";
}

.light-text {
    color: #ccccff;
}

.white-text {
    color: white;
}

.accent-text {
    color: #FFCC33;
}

/* .xlarge-table {
    width: 900px;
}

.large-table {
    width: 819px;
}

.medium-table {
    width: 750px;
}

.xxsmall-table {
    width: 129px;
}

.xxxsmall-table {
    width: 50px;
} */

iframe {
    margin-bottom: 20px;
}

.nav-table {
    background-color: black;
    width: 100%;
}
tr.navtable {
    width: 100%;
}

table {
    border-spacing: 25px;
}


.btn,.nav-btn {
    color: black;
    background-color: #FFCC33;
    border-color: #ffc619;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 4px;
}

.nav-btn {
    margin-bottom: 16px;
}

.btn-sm {
    font-size: 0.5rem;
    padding: 0.25rem 0.5rem;
}

input {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s;
}

.app-store-links {
    margin-bottom: 16px;
    display: inline-block;
    vertical-align: top;
}

.app-store-links a {
    margin-left: 8px;
    display: inline-block;
}

.app-store-links img {
    width: 110px;
    border: 1px solid #ffecb3;
    border-radius: 4px;
}

.body-table-cell {
    max-width: 375px;
    vertical-align: top;
    text-align: left;
}

iframe {
    border: 0;
}

h3 {
    margin: 0;
    padding: 25px;
}

@media only screen and (max-width: 600px) {
    iframe, table, td, tr {
        width: 100%;
        display: block;
    }
}

.paragraph-image {
    width: 100%;
    margin-bottom: 10px;
}