body {background-color: var(--black);  color: var(--white);}

table {background-color: var(--black); color: var(--white); border-color: var(--white);}

a:visited { color: var(--white); }
a:active  { color: var(--white); }
a:link    { color: var(--white); }

textarea    {font-size: 14px; font-family: Arial;}

input, select { border: 1px solid var(--white); background-color: var(--white);
                color: var(--black)}

li.nav-item > ul { background-color: var(--black); color: var(--white); }

.cost-table tr:nth-child(odd), .time-table tr:nth-child(odd) { background-color: #2c3034; }
.cost-table tr:hover, .time-table tr:hover { background-color: #323539; }

.titles    { color: var(--black); }
.titles2   { color: var(--black); }
.titles3   { color: var(--black); }
.standings { color: var(--black); }

.left-solid   { border-left:   solid 0.125em var(--white); }
.right-solid  { border-right:  solid 0.125em var(--white); }
.bottom-solid { border-bottom: solid 0.125em var(--white); }
.top-solid    { border-top:    solid 0.125em var(--white); }
.all-solid    { border:        solid 0.125em var(--white); }

.main-container {
  color: var(--white);     background-color: var(--black);
}
                           
.wwe  { color: var(--white); }        .blk  { color: var(--black);          }
.text-sku  { color: rgb(13,202,240); }  .text-size { color: rgb(255,193,7); }
.bg-menu  { background-color: rgb(13,110,253); }

code { color: var(--white); }

/* ------------------------------- Changes for Larger Screens --------------------------------------- */

@media screen and (max-width: 1096px)                          { body { font-size: 1.000rem;} }
@media screen and (min-width: 1096px) and (min-height: 812px)  { body { font-size: 1.125rem;} }
@media screen and (min-width: 1224px) and (min-height: 856px)  { body { font-size: 1.250rem;} }
@media screen and (min-width: 1344px) and (min-height: 944px)  { body { font-size: 1.375rem;} }
@media screen and (min-width: 1464px) and (min-height: 1024px) { body { font-size: 1.500rem;} }
@media screen and (min-width: 1584px) and (min-height: 1112px) { body { font-size: 1.625rem;} }
@media screen and (min-width: 1704px) and (min-height: 1194px) { body { font-size: 1.750rem;} }
@media screen and (min-width: 1824px) and (min-height: 1280px) { body { font-size: 1.875rem;} }
@media screen and (min-width: 1944px) and (min-height: 1368px) { body { font-size: 2.000rem;} }
@media screen and (min-width: 2064px) and (min-height: 1448px) { body { font-size: 2.125rem;} }
@media screen and (min-width: 2184px) and (min-height: 1536px) { body { font-size: 2.250rem;} }
@media screen and (min-width: 2304px) and (min-height: 1616px) { body { font-size: 2.375rem;} }
@media screen and (min-width: 2424px) and (min-height: 1704px) { body { font-size: 2.500rem;} }
@media screen and (min-width: 2544px) and (min-height: 1784px) { body { font-size: 2.625rem;} }
@media screen and (min-width: 2664px) and (min-height: 1872px) { body { font-size: 2.750rem;} }
@media screen and (min-width: 2784px) and (min-height: 1952px) { body { font-size: 2.875rem;} }
@media screen and (min-width: 2904px) and (min-height: 2040px) { body { font-size: 3.000rem;} }
@media screen and (min-width: 3024px) and (min-height: 2128px) { body { font-size: 3.125rem;} }
@media screen and (min-width: 3144px) and (min-height: 2208px) { body { font-size: 3.250rem;} }
@media screen and (min-width: 3264px) and (min-height: 2296px) { body { font-size: 3.375rem;} }
@media screen and (min-width: 3384px) and (min-height: 2376px) { body { font-size: 3.500rem;} }
@media screen and (min-width: 3504px) and (min-height: 2464px) { body { font-size: 3.625rem;} }
@media screen and (min-width: 3624px) and (min-height: 2544px) { body { font-size: 3.750rem;} }
@media screen and (min-width: 3744px) and (min-height: 2632px) { body { font-size: 3.875rem;} }
@media screen and (min-width: 3864px) and (min-height: 2712px) { body { font-size: 4.000rem;} }