*, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
	outline: 0px solid red;
}
html {
  overflow-x: hidden;
  overflow-y: hidden;
}

body {
  overflow-x: hidden;
  overflow-y: auto;
}

html, body {
	color: #FFFFFF;
	font-family: "ComicNeue-Regular";
	margin: 0px;
	height: 100%;
    width: 100%;
	max-width: 100%;
	background-color: #070707;
	/*background-image: url("_images/bg.png");*/
}
a:link {
	font-family: "BorisBlackBloxx";
	color: #18ff00;
	text-decoration: none;
}
a:hover {
	color: #32c526;
	text-decoration: underline;
	cursor: url("_images/cursor.hand.png"), auto;
}
    a:visited {
	color:#18ff00;
	text-decoration: none;
}
    a:active {
	color: #18ff00;
	text-decoration: none;
}

.editbox {
  border-radius: 8px;
  padding: 5px;
  color: #ffffff;
  background-color: #262626;
  border-color:#767676;
  border-width: 1px;
	width: 90%;
    font-size: 0.8rem;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
    margin: 0.5vh;
}
.editbox:focus {
  outline: none;
  color: #07ff00;
  background-color: #3b3b3b;
  border-color:#767676;
}
.button {
    padding: 1vh;
    margin: 0.5vh;
    background: linear-gradient(to top, #c11000, #f6ce00, #f7e37d);
    border: 1px solid #f6ce00;
    border-radius: 8px;
    color: #000000;
    font-family: "Heroes-Legend";
    font-size: 0.75rem;
    letter-spacing: 0.03em;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    overflow: hidden;
  }
.button:hover { transform: translateY(-1px); box-shadow: 0 8px 30px rgba(247,207,0,0.25); }



/* Outer wrapper */
    .includes {
      display: flex;
      flex-direction: column;
      width: 100%;
      min-height: 100vh;
    }

/* Each section */
    .includes .section {
      width: 100%;
    }

.includes .section:nth-child(3) {   flex: 1;
  padding-top: 1vh;
  display: flex;        /* ← makes children respect height */
  flex-direction: column;
}

/* Tables always fill full width, no overflow */
.includes .section table td {
      font-size: 1rem;
    }
.includes .section .menutop {
	width: 100%;
}
.includes .section .menutop .menutoptable {
	padding: 1vh;	
}

.includes .section:nth-child(3) .tablemain {
  flex: 1;             /* ← fills remaining height instead of height: 100% */
  width: 100%;
}
.copyright {
padding: 1vh;
}

.td {
padding: 0.2vw;	
}

.whatevxlogo {
    height: 6vh;
    width: auto;
	margin: 3px;
}
.nfslogo {
    height: 6vh;
    width: auto;
	margin: 3px;
}
.menuimg {
    height: 4vh;
    width: auto;
}
.signinwrap {
align-items: center;
}

.showcasecaroussel {
 overflow: hidden;
  display: flex;
  position: relative;
}
.showcasecarousselitems {
  display: flex;
  margin: 0;
  padding: 0;
  border: 0;
  align-items: center;
  overflow: hidden;
}

.showcasecarousselitems div {
  margin: 0.1vw;
  padding: 0px;
	position: relative;
  }
.showcasecarousselitems div:hover {
  margin: 0px;
  padding: 0px;
	border: 5px solid #ffffff;
	box-sizing: border-box;
	border-radius: 10px;
}
.showcasecarousselitems img {
	width: auto;
	height: 40vh;
}

.showcasescrollimgleft {
position: absolute;
  left: 0;
  top: 0;
  height: 40vh;
  display: flex;
  align-items: center; /* vertically centers the img */
}
.showcasescrollimgleft img {
height: auto;
  width: 3vw;
  display: block;
}
.showcasescrollimgright {
position: absolute;
  right: 0;
  top: 0;
  height: 40vh;
  display: flex;
  align-items: center; /* vertically centers the img */
}

.showcasescrollimgright img {
height: auto;
  width: 3vw;
  display: block;
}

.showcasepicturemenu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; /* fills the full height of parent too */
  visibility: hidden;
}

.showcasepreviewimg {
	height: auto;
    width: 50%;
	border: 0px solid yellow;
}
.showcasepreviewtitle {
	width: 50%;
	height: auto;
	justify-content: center;
	align-items: center;
}
.showcasecarinfo {
	width: 100%;
	justify-content: center;
	align-items: center;
}
.showcasecarinfo table {
	width: 100%;
	justify-content: center;
	align-items: center;
}

.showcasess {
	height: auto;
    width: 25%;
	margin: 5px;
	border: 0px solid yellow;
}

.cartitle {
    display: flex;
	justify-content: center;
    align-items: center;
    gap: 10px; 
}

.cartitle span {
    margin: 0;
}

.carlogo {
	display: flex;
    width: 5vw;
    height: auto;
}

.carimg {
  justify-content: center;
  align-items: center;
}
.carimg img {
	width: 25%;
	height: auto;
	margin: 0.2vw;
}
.spacer {
	height: 5vh;
    width: auto;
	align-items: center;
}

.menucars {
	
}
.menucars #menucars {
	width: 30vw;
	height: 60vh;
}
.menucars .menucarsmodels {
	width: 13vw;
	
}
.menucarslogo {
	width: 5vw;
	height: auto
}

.nickname {
 font-size: 3vh;
}
/* Mobile: allow horizontal scroll inside a section if table has many columns */
@media (max-width: 1000px) {
    .showcasecarousselitems img {
	width: auto;
	height: 25vh;
}

.showcasescrollimgleft {
position: absolute;
  left: 0;
  top: 0;
  height: 25vh;
  display: flex;
  align-items: center; /* vertically centers the img */
}
.showcasescrollimgleft img {
height: auto;
  width: 5vw;
  display: block;
}
.showcasescrollimgright {
position: absolute;
  right: 0;
  top: 0;
  height: 25vh;
  display: flex;
  align-items: center; /* vertically centers the img */
}

.showcasescrollimgright img {
height: auto;
  width: 5vw;
  display: block;
}
}
    @media (max-width: 600px) {
      .includes .section table td {
        font-size: 0.80rem;
      }
        
.td {
padding: 1vw;	
}
.whatevxlogo {
    height: 3vh;
    width: auto;
}
.nfslogo {
    height: 3vh;
    width: auto;
}
.menuimg {
    height: 2vh;
    width: auto;
}
.signinwrap {
align-items: center;
}

.showcasecaroussel {
 overflow: hidden;
  display: flex;
  position: relative;
}
.showcasecarousselitems {
  display: flex;
  margin: 0;
  padding: 0;
  border: 0;
  align-items: center;
  overflow: hidden;
}

.showcasecarousselitems div {
  margin: 0.1vw;
  padding: 0px;
	position: relative;
  }
.showcasecarousselitems div:hover {
  margin: 0px;
  padding: 0px;
	border: 5px solid #ffffff;
	box-sizing: border-box;
	border-radius: 10px;
}
.showcasecarousselitems img {
	width: auto;
	height: 20vh;
}

.showcasescrollimgleft {
position: absolute;
  left: 0;
  top: 0;
  height: 20vh;
  display: flex;
  align-items: center; /* vertically centers the img */
}
.showcasescrollimgleft img {
height: auto;
  width: 6vw;
  display: block;
}
.showcasescrollimgright {
position: absolute;
  right: 0;
  top: 0;
  height: 20vh;
  display: flex;
  align-items: center; /* vertically centers the img */
}

.showcasescrollimgright img {
height: auto;
  width: 6vw;
  display: block;
}

.showcasepicturemenu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; /* fills the full height of parent too */
  visibility: hidden;
}

.showcasepreviewimg {
	height: auto;
    width: 50%;
	border: 0px solid yellow;
}
.showcasepreviewtitle {
	width: 50%;
	height: auto;
	justify-content: center;
	align-items: center;
}
.showcasecarinfo {
	width: 100%;
	justify-content: center;
	align-items: center;
}
.showcasecarinfo table {
	width: 100%;
	justify-content: center;
	align-items: center;
}

.showcasess {
	height: auto;
    width: 25%;
	margin: 5px;
	border: 0px solid yellow;
}
		
.cartitle {
    display: flex;
	justify-content: center;
    align-items: center;
    gap: 10px; 
}

.cartitle span {
    margin: 0;
}

.carlogo {
	display: flex;
    width: 20vw;
    height: auto;
}
.carimg img {
	width: 55%;
	height: auto;
	margin: 1vw;
}
.spacer {
	height: 5vh;
    width: auto;
	align-items: center;
}


.menucars {
	width: 33vw;
	height: 60vh;
}
.menucars .menucarsmodels {
	width: 23vw;
	
}
.menucarslogo {
	width: 10vw;
	height: auto;
}
.nickname {
 font-size: 2vh;
}
        
}


.cursor-hand {
	cursor: url("_images/cursor.hand.png"), auto;
}

.tanborderssolid {
border-top-style:solid;
border-top-width:1px;
border-right-style:solid;
border-right-width:1px;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-style:solid;
border-left-width:1px;
border-color:#ffe79b;
}
.goldborderssolid {
border-top-style:solid;
border-top-width:1px;
border-right-style:solid;
border-right-width:1px;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-style:solid;
border-left-width:1px;
border-color:#ffa800;
}
.goldbordersdot {
border-top-style:dotted;
border-top-width:1px;
border-right-style:dotted;
border-right-width:1px;
border-bottom-style:dotted;
border-bottom-width:1px;
border-left-style:dotted;
border-left-width:1px;
border-color:#ffa800;
}

.babyblueborderssolid {
border-top-style:solid;
border-top-width:1px;
border-right-style:solid;
border-right-width:1px;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-style:solid;
border-left-width:1px;
border-color:#82deff;
}

.bgbg { background-color: #111111; }
.greybg { background-color: #242424; }
.redbg { background-color: #c30000; }
.greenbg { background-color: #009c0b; }
.bluebg { background-color: #00519c; }
.orangebg { background-color: #ff8a00; }
.bgorange { background-image:url("_images/bg.orange.png"); }

.greybghover:hover {
background-color: #131313;
border-top-style:solid;
border-top-width:1px;
border-right-style:solid;
border-right-width:1px;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-style:solid;
border-left-width:1px;
border-color:#ffa800;
}

.bg-black20 { background-image:url(_images/bg.black.20.png); }
.bg-black35 { background-image:url(_images/bg.black.35.png); }
.bg-black90 { background-image:url(_images/bg.black.90.png); }
.bg-black75 { background-image:url(_images/bg.black.75.png); }

.bg-black35hover { background-image:url(_images/bg.black.35.png); }
.bg-black35hover:hover { background-image:url(_images/bg.white.10.png); }

.bg-black60 { background-image:url(_images/bg.black.60.png); }
.bg-black60:hover { background-image:url(_images/bg.black.75.png); }

.bg-white3 { background-image:url(_images/bg.white.3.png); }
.bg-white10 { background-image:url(_images/bg.white.10.png); }

.bg-hover-white3 { background-image:url(''); }
.bg-hover-white3:hover { background-image:url(_images/bg.white.3.png); }

.bg-hover-white10 { background-image:url(''); }
.bg-hover-white10:hover { background-image:url(_images/bg.white.10.png); }

.bg-white50 { background-image:url(_images/bg.white.50.png); }

.bg-white10hover { background-image:url(_images/bg.white.10.png); }
.bg-white10hover:hover { background-image:url(_images/bg.white.50.png); }

.blue { color: #6666ff; }
.red { color: #ff0000; }
.yellow { color: #ffff00; }
.green { color: #6ee75d; }
.dgreen { color: #006f01; }
.lred { color: #ff7e4f; }
.dred { color: #670000; }
.babyblue { color: #009cff; }
.lightbabyblue { color: #77d4ff; }
.orange { color: #ff8a00; }
.lorange { color: #ffa52d; }
.lightorange { color: #ffa830; }
.lightsatgreen { color: #deffdd; }
.darksatgreen { color: #284f2b; }
.satgreen { color: #c2eec1; }
.teal {color: #77d4ff; }
.purple {color: #a783ff;}
.lightgold { color: #f0c585; }
.darkgold { color: #61421c; }
.gold { color: #b08a4d; }
.lightgrey { color: #ababab; }
.white { color: #FFFFFF; }
.lightcream { color:#ffd27a; }
.black { color:#000000; }

.font10 { font-size:10px; }
.font12 { font-size:12px; }
.font14 { font-size:14px; }
.font16 { font-size:16px; }
.font18 { font-size:18px; }
.font20 { font-size:20px; }
.font22 { font-size:22px; }
.font24 { font-size:24px; }
.font26 { font-size:26px; }
.font28 { font-size:28px; }
.font30 { font-size:30px; }
.font32 { font-size:32px; }
.font34 { font-size:34px; }
.font36 { font-size:36px; }
.font38 { font-size:38px; }
.font40 { font-size:40px; }
.font42 { font-size:42px; }
.font44 { font-size:44px; }
.font46 { font-size:46px; }
.font48 { font-size:48px; }
.font50 { font-size:50px; }
.font72 { font-size:72px; }

.bold { font-weight:bold;  }


/* FLEXBOX STUFF */





.videos {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: contain;
}

.langimg {
	width: 10px;
	height: auto
}

.showcaseborder {
border: 0px;	
}

.showcasebordercurrent {
	border: 5px solid #ffffff;
	border-radius: 10px;
}	
}