@font-face {
  font-family: "Castforce";
  src: url('/assets/Castforce.otf') format("opentype");
}
@font-face {
  font-family: "Ultra High-Gloss";
  src: url('/assets/UltraHi-Gloss.otf') format("opentype");
}

body {
  background-image: url("/assets/topbg.png");
  background-repeat: no-repeat;
  background-color: #fcd39e;
  background-position: top center;
  background-size: 100%;
  overflow: hidden;
}

@media (min-width: 1921px) {
  body {background-image: url("/assets/topbgBig.png");}
  #menu {margin-top: -1.2vh;}
}

#menu {
  padding-top: 15.5vh;
  /* padding-top: 145px; */
  padding-left: 0.41666666666667vw;
  /* padding-left: 8px; */
  text-align: center;
  font-size: 3.12vw;
  /* font-size: 45pt; */
  font-family: 'Castforce', Courier, monospace;
  text-shadow:  -1px 1px #83202b,
                -2px 2px #621820,
                -3px 3px #421016,
                -4px 4px #21080b,
                -5px 5px #000000;
}
#menu a {margin-right: 105px;
  text-decoration: none;
  color: #de3347;
}
#menu a:hover {
  color: #fff;
  text-shadow:  -1px 1px #ccc,
                -2px 2px #999,
                -3px 3px #666,
                -4px 4px #333,
                -5px 5px #000;
}

#main {
  text-align: center;
  margin: 8vh auto;
    /* margin: 60px auto; */
  width: 59.5vw;
  /* width: 1150px; */
}

h1 {
  font-family: 'Ultra High-Gloss', Courier, monospace;
  font-size: 10vw;
  /* font-size: 127pt; */
  color: #de3347;
  text-shadow:  -1px 1px #83202b,
                -2px 2px #7c1e29,
                -3px 3px #751d26,
                -4px 4px #6e1b24,
                -5px 5px #671922,
                -6px 6px #611820,
                -7px 7px #5a161d,
                -8px 8px #53141b,
                -9px 9px #4c1319,
                -10px 10px #451117,
                -11px 11px #3e0f14,
                -12px 12px #370d12,
                -13px 13px #300c10,
                -14px 14px #290a0e,
                -15px 15px #22080b,
                -16px 16px #1c0709,
                -17px 17px #150507,
                -18px 18px #0e0305,
                -19px 19px #070202,
                -20px 20px #000;
}

h2 {
  font-family: 'Ultra High-Gloss', Courier, monospace;
  font-size: 5vw;
  color: #de3347;
  text-shadow:  -1px 1px #83202b,
                -2px 2px #7c1e29,
                -3px 3px #751d26,
                -4px 4px #6e1b24,
                -5px 5px #671922,
                -6px 6px #611820,
                -7px 7px #5a161d,
                -8px 8px #53141b,
                -9px 9px #4c1319,
                -10px 10px #451117,
                -11px 11px #3e0f14,
                -12px 12px #370d12,
                -13px 13px #300c10,
                -14px 14px #290a0e,
                -15px 15px #22080b,
                -16px 16px #1c0709,
                -17px 17px #150507,
                -18px 18px #0e0305,
                -19px 19px #070202,
                -20px 20px #000;
}

h3 {
  font-family: 'Ultra High-Gloss', Courier, monospace;
  font-size: 2.5vw;
  color: #de3347;
  text-shadow:  -1px 1px #83202b,
                -2px 2px #751d26,
                -3px 3px #671922,
                -4px 4px #5a161d,
                -5px 5px #4c1319,
                -6px 6px #3e0f14,
                -7px 7px #300c10,
                -8px 8px #22080b,
                -9px 9px #150507,
                -10px 10px #000;
}

.abt {
  margin-top: 1.8518518518519vh;
  /* margin-top: 20px; */
  font-family: 'Castforce', Courier, monospace;
  font-size: 1.6vw;
  /* font-size: 24pt; */
  color: #fff;
  text-shadow: -1px 1px #000000,
               -2px 2px #000000,
               -3px 3px #000000,
               -4px 4px #000000;

}

.commHead {
  margin-top: 1.8518518518519vh;
  /* margin-top: 20px; */
  font-family: 'Castforce', Courier, monospace;
  font-size: 1.25vw;
  /* font-size: 24pt; */
  color: #fff;
  text-shadow: -1px 1px #000000,
               -2px 2px #000000,
               -3px 3px #000000,
               -4px 4px #000000;

}

flair {
  color: #de3347;
  text-shadow:  -1px 1px #83202b,
                -2px 2px #581925,
                -3px 3px #2f1219,
                -4px 4px #000;
}

flair:hover {
  text-shadow:  -1px 1px #83202b,
                -2px 2px #7c1e29,
                -3px 3px #751d26,
                -4px 4px #6e1b24,
                -5px 5px #671922,
                -6px 6px #611820,
                -7px 7px #5a161d,
                -8px 8px #53141b,
                -9px 9px #4c1319,
                -10px 10px #451117,
                -11px 11px #3e0f14,
                -12px 12px #370d12,
                -13px 13px #300c10,
                -14px 14px #290a0e,
                -15px 15px #22080b,
                -16px 16px #1c0709,
                -17px 17px #150507,
                -18px 18px #0e0305,
                -19px 19px #070202,
                -20px 20px #000;
}

.james {
  color: #c1eeff;
  text-shadow:  -1px 1px #32738b,
                -2px 2px #225c71,
                -3px 3px #114559,
                -4px 4px #013041;
}

.james:hover {
  text-shadow:  -1px 1px #32738b,
                -2px 2px #2f6f87,
                -3px 3px #2d6b83,
                -4px 4px #2a687f,
                -5px 5px #28647b,
                -6px 6px #256077,
                -7px 7px #235d73,
                -8px 8px #20596f,
                -9px 9px #1e566b,
                -10px 10px #1b5267,
                -11px 11px #184e63,
                -12px 12px #164b5f,
                -13px 13px #13475b,
                -14px 14px #104457,
                -15px 15px #0e4154,
                -16px 16px #0b3d50,
                -17px 17px #083a4c,
                -18px 18px #053748,
                -19px 19px #033345,
                -20px 20px #013041;
}

.wizard {
  color: #fff;
  text-shadow: 1px 0px #000000,
               1px 1px #000000,
               0px 1px #000000,
               0px -1px #000000,
              -1px -1px #000000,
              -1px 0px #000000,
              -2px 2px #60f7f2,
              -3px 3px #b0f8b8,
              -4px 4px #fcefa6;
}

.wizard:hover {
  text-shadow:  1px 0px #000000,
                1px 1px #000000,
                0px 1px #000000,
                0px -1px #000000,
                -1px -1px #000000,
                -1px 0px #000000,
                -2px 2px #5ff7f2,
                -3px 3px #67f8eb,
                -4px 4px #6ff8e4,
                -5px 5px #78f9dd,
                -6px 6px #81f9d6,
                -7px 7px #8af9cf,
                -8px 8px #94f9c9,
                -9px 9px #9df9c2,
                -10px 10px #a6f9bd,
                -11px 11px #b0f8b8,
                -12px 12px #b9f8b3,
                -13px 13px #c2f7af,
                -14px 14px #cbf6ac,
                -15px 15px #d4f5a9,
                -16px 16px #dcf4a7,
                -17px 17px #e5f3a6,
                -18px 18px #edf2a5,
                -19px 19px #f4f0a5,
                -20px 20px #fcefa6;
}

a {
  color: inherit;
  text-decoration: none;
}

footer {
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 1000px;
  margin-left: -500px;
  text-align: center;
  font-family: 'Castforce', Courier, monospace;
  font-size: 1.5vw;
  /* font-size: 20pt; */
  color: #fff;
  text-shadow:  0px -1px #000000c6,
                0px -2px #00000091,
                0px -3px #0000005e,
                0px -4px #00000030;
}

.commTable {
  font-family: 'Castforce', Courier, monospace;
  /* font-size: 24pt; */
  color: #fff;
  text-shadow: -1px 1px #000000,
               -2px 2px #000000,
               -3px 3px #000000,
               -4px 4px #000000;

}

button {
  font-family: 'Ultra High-Gloss', Courier, monospace;
  font-size: 2.5vw;
  color: #de3347;
  text-shadow:  -1px 1px #83202b,
                -2px 2px #751d26,
                -3px 3px #671922,
                -4px 4px #5a161d,
                -5px 5px #4c1319,
                -6px 6px #3e0f14,
                -7px 7px #300c10,
                -8px 8px #22080b,
                -9px 9px #150507,
                -10px 10px #000;
  background: none;
  text-decoration: none;
  border: none;
}




#prices {
  display: none;
  font-size: 1.5vw;
}
#tos {
  display: none;
  font-size: 1vw;
}
#contact {
  display: none;
  font-size: 1.5vw;
}

#main img {
  filter: drop-shadow(-5px 5px black);
}