/* Lukas Zone Official Main CSS Stylesheet */
/*              Made by Lukas              */
/*   Lisenced under the CC-BY-SA license   */
/* https://creativecommons.org/licenses/by-sa/4.0/deed.en */

/* Imagine Lukas Zone with a white background, ugh! */
body {
  background-color: black;
  opacity: 1;
  transition: opacity 0.1s linear;
}
/* very limited exception to the comment above */
.BackgroundPattern01 {
	background-image: url('SomethingPatternSomethingddd.png');
}
/* Lukas was too lazy to change the name of this Style, but this is the main header box. */
/* 06/24/24 update: To make Lukas Zone more aethetically fitting, I removed the background and changed the border and shadow color to green. */
.newStyle1Green {
	font-family: "MS Gothic"; 
	border-style: solid;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 1px #00FF00;
	border-color: #00FF00;
}
.newStyle1Purple {
	font-family: "MS Gothic"; 
	border-style: solid;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 1px #AA00FF;
	background: linear-gradient(#535353 0%, #000 60%) ; 
	border-color: #AA00FF;
}
.newStyle1 {
	font-family: "MS Gothic"; 
	border-style: solid;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 1px #FFAA00;
	background: linear-gradient(#535353 0%, #000 60%) ; 
	border-color: #FFAA00;
}
.ButtonList {
	font-family: "MS Gothic"; 
	border-style: solid;
	border-radius: 5px ;
	border-bottom:2px solid #0000FF;
	border-top:2px solid #0000FF;
	padding: 20px;
	margin: 0px;
	background: linear-gradient(#005 0%, #000 100%) !important;
}
.ButtonListRed {
	font-family: "MS Gothic"; 
	border-style: solid;
	border-radius: 5px ;
	border-bottom:2px solid #FF0000;
	border-top:2px solid #FF0000;
	padding: 20px;
	margin: 0px;
	background: linear-gradient(#500 0%, #000 100%) !important;
}
.ButtonListGreen {
	font-family: "MS Gothic"; 
	border-style: solid;
	border-radius: 5px ;
	border-bottom:2px solid #00FF00;
	border-top:2px solid #00FF00;
	padding: 20px;
	margin: 0px;
	background: linear-gradient(#050 0%, #000 100%) !important;
}

.main {
 margin:8px;
}
.layoutboxxed {
	background: linear-gradient(#000000ee 0%, #110022aa 60%) ; 
	margin-left:auto;
	margin-right:auto;
	position: relative;
	top: -132px;
	padding: 10px;
	box-shadow: 0px 0px 10px 3px #A0F;
	backdrop-filter: blur(5px);
}

.margintwenty {
 margin:20px;
}

.newStyle1Sep {
	font-family: "MS Gothic"; 
	border-style: solid;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 1px #FF0000;
	background: linear-gradient(#535353 0%, #000 60%) ; 
	border-color: #FF0000;
}

.newStyle1SiteMap {
	font-family: "MS Gothic"; 
	color:#FF0000 ;
	border-style: solid;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 1px #FF0000;
	border-color: #FF0000;
}

.IMSAnnouncement {
	font-family: "MS Gothic";
	font-size: medium;
	color: #FFFFFF; 
	border-style: solid;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 1px #4444FF;
	border-color: #0000FF;
}

/* During development, I found a bug where the archived May version would use the current header. Here is a fix */
.newStyle1May {
	font-family: "MS Gothic"; 
	background-color: #C0C0C0;
	border-style: solid;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 1px #0000FF;
	border-color: #0000FF;
}
/* This are the two glow Styles, used for any time I need an opposite color glow. */
.Glow {
	font-family: "MS Gothic";
	box-shadow: 0px 0px 10px 3px #FFFFFF;
}

.LZTimelineFooter{
	font-family: "MS Gothic";
	box-shadow: 0px 0px 10px 3px #FFFFFF;
	background-color:aqua
}

.GlowSM {
	font-family: "MS Gothic";
	box-shadow: 0px 0px 4px 1px #FFFFFF;
}
/* Ever since the 3.0 redesign, the announcement box has been changed to five different gradient boxes. */
.Announcement-lightblue {
    background: linear-gradient(0deg, #80bdfb 0%, #000000 67%);
	font-family: "MS Gothic";
	font-size: medium;
	color: #FFFFFF;
	text-shadow:2px 2px black;
	text-align:left
}	
.Announcement-red {
    background: linear-gradient(0deg, #FF0000 0%, #000000 67%);
	font-family: "MS Gothic";
	font-size: medium;
	color: #FFFFFF;
	text-shadow:2px 2px black;
	text-align:left;
	}
.Announcement-purple {
    background: linear-gradient(0deg, #AA00FF 0%, #000000 67%);
	font-family: "MS Gothic";
	font-size: medium;
	color: #FFFFFF;
	text-shadow:2px 2px black;
	text-align:left
}

.Announcement-green {
    background: linear-gradient(0deg, #00FF00 0%, #000000 67%);
	font-family: "MS Gothic";
	font-size: medium;
	color: #FFFFFF;
	text-shadow:2px 2px black;
	text-align:left
}
.Announcement-yellow {
    background: linear-gradient(0deg, #FFFF00 0%, #000000 67%);
	font-family: "MS Gothic";
	font-size: medium;
	color: #FFFFFF;
	text-shadow:2px 2px black;
	text-align:left

}
.Announcement-blue {
    background: linear-gradient(0deg, #0000FF 0%, #000000 67%);
	font-family: "MS Gothic";
	font-size: medium;
	color: #FFFFFF;
	text-shadow:2px 2px black;
	text-align:left
}
.Announcement-lightblue-legacy {
    background: linear-gradient(0deg, #80bdfb 0%, #ffffff 67%);
	font-family: "MS Gothic";
	font-size: medium;
	color: #000000;
	text-align:center
}	
.Announcement-red-legacy {
    background: linear-gradient(0deg, #FF0000 0%, #ffffff 67%);
	font-family: "MS Gothic";
	font-size: medium;
	color: #000000;
	text-align:center
}
.Announcement-green-legacy {
    background: linear-gradient(0deg, #00FF00 0%, #ffffff 67%);
	font-family: "MS Gothic";
	font-size: medium;
	color: #000000;
	text-align:center
}
.Announcement-yellow-legacy {
    background: linear-gradient(0deg, #FFFF00 0%, #ffffff 67%);
	font-family: "MS Gothic";
	font-size: medium;
	color: #000000;
	text-align:center

}
.Announcement-blue-legacy {
    background: linear-gradient(0deg, #0000FF 0%, #ffffff 67%);
	font-family: "MS Gothic";
	font-size: medium;
	color: #000000;
	text-align:center
}

/* This isn't used for much else than the white MS Gothic text. */
.font {
	font-family: "MS Gothic";
	font-size: medium;
	color: #FFFFFF;
}
.SloganText {
	font-family: "MS Gothic";
	text-shadow: 1px 1px #FF00FF;
	color: #FF85FF;
	position:relative;
	bottom: 30px; 
	height: 100%;
	word-wrap: break-word;
}
.BlockRed {
	width: 20%;
	background: linear-gradient(#500 0%, #000 60%) !important;
	float:right;
	font-family: MS Gothic, Arial , sans-serif;
	color:#FFF;
	padding:5px;
	border-bottom: 1px solid #F00;
	border-left: 1px solid #F00;
	border-top: 1px solid #F00;
	position:relative;
	top:-30px;
}
.BlockPollRed {
	width: 20%;
	background: linear-gradient(#500 0%, #000 60%) !important;
	float:left;
	font-family: MS Gothic, Arial , sans-serif;
	color:#FFF;
	padding:5px;
	border-bottom: 1px solid #F00;
	border-right: 1px solid #F00;
	border-top: 1px solid #F00;
	position:relative;
	top:0px;
}

.BlockBlue {
	width: 20%;
	background: linear-gradient(#005 0%, #000 60%) !important;
	float:right;
	font-family: MS Gothic, Arial , sans-serif;
	color:#FFF;
	padding:5px;
	border-bottom: 1px solid #00F;
	border-left: 1px solid #00F;
	position:relative;
	top:-69px;
	}
.BlockGreen {
	width: 20%;
	background: linear-gradient(#050 0%, #000 60%) !important;
	float:right;
	font-family: MS Gothic, Arial , sans-serif;
	color:#FFF;
	padding:5px;
	border-bottom: 1px solid #0F0;
	border-left: 1px solid #0F0;
	position:relative;
	top:-69px;
	}

.PollBox {
	border: 17px solid #00FF00;
	font-family: "MS Gothic";
	box-shadow: 1px 0px 3px #FFFFFF;
	top: 100px;
}
p.red::selection {
  background: #ffb7b7;
}
p.red::-moz-selection {
  background: #ffb7b7;
}
p.blue::selection {
  background: #a8d1ff;
}
p.blue::-moz-selection {
  background: #a8d1ff;
}
p.yellow::selection {
  background: #fff2a8;
}
p.yellow::-moz-selection {
  background: #fff2a8;
}
.ImageBorder {
	border-style: solid;
	border-color: #808080;
}
.LZButtonBlack {
  background: linear-gradient(#535353 0%, #000 60%) !important;  
  color: #FFF !important;
  border: 1px solid #ffffff !important;
  border-radius: 3px !important;    
  box-shadow: 0px 0px 1px #FFFFFF;
    }
    .LZButtonBlackMX {
  background: linear-gradient(#535353 0%, #000 60%) !important;  
  color: #FFF !important;
  border: 1px solid #ffffff !important;
  border-radius: 3px !important;    
  box-shadow: 0px 0px 1px #FFFFFF;
  padding: 2px
      }

.LZFieldBlack {
	background: black;
	color: #FFF !important;
	border: 1px solid #ffffff !important;
	border-radius: 3px;
	font-family: "MS Gothic";
}
.LZFieldBlackMX {
	background: black;
	color: #FFF !important;
	border: 1px solid #ffffff !important;
	border-radius: 3px;
	font-family: "MS Gothic";
	padding:2px
}

.LZButtonBlack:hover {
background: linear-gradient(#777 0%, #000000 60%) !important; 
  color: #FFF !important;
  border: 1px solid #ffffff !important;
  border-radius: 3px !important;    
  box-shadow: 0px 0px 3px #FFFFFF;

}
.LZButtonBlackMX:hover {
background: linear-gradient(#777 0%, #000000 60%) !important; 
  color: #FFF !important;
  border: 1px solid #ffffff !important;
  border-radius: 3px !important;    
  box-shadow: 0px 0px 3px #FFFFFF;
  padding:2px
}

.LZButtonBlack:active {
background: linear-gradient(#000 0%, #222 60%) !important; 
  color: #FFF !important;
  border: 1px solid #ffffff !important;
  border-radius: 3px !important;    
  box-shadow: 0px 0px 3px #FFFFFF;

}

.LZButtonRed {
  background: linear-gradient(#FFFFFF 0%, #F00 60%) !important;  
  color: #000 !important;
  border: 1px solid #ffffff !important;
  border-radius: 3px !important;    
  box-shadow: 0px 0px 1px #FFFFFF;
    }
.LZButtonRed:hover {
  background: linear-gradient(#FFFFFF 0%, #F44 60%) !important;  
  color: #000 !important;
  border: 1px solid #ffffff !important;
  border-radius: 3px !important;    
  box-shadow: 0px 0px 3px #FFFFFF;
    }
.LZButtonGreen {
  background: linear-gradient(#FFFFFF 0%, #0F0 60%) !important;  
  color: #000 !important;
  border: 1px solid #ffffff !important;
  border-radius: 3px !important;    
  box-shadow: 0px 0px 1px #FFFFFF;
    }
.LZButtonGreen:hover {
  background: linear-gradient(#FFFFFF 0%, #4F4 60%) !important;  
  color: #000 !important;
  border: 1px solid #ffffff !important;
  border-radius: 3px !important;    
  box-shadow: 0px 0px 3px #FFFFFF;
    }
.LZButtonBlue {
  background: linear-gradient(#FFFFFF 0%, #00F 60%) !important;  
  color: #000 !important;
  border: 1px solid #ffffff !important;
  border-radius: 3px !important;    
  box-shadow: 0px 0px 1px #FFFFFF;
    }
.LZButtonBlue:hover {
  background: linear-gradient(#FFFFFF 0%, #44F 60%) !important;  
  color: #000 !important;
  border: 1px solid #ffffff !important;
  border-radius: 3px !important;    
  box-shadow: 0px 0px 3px #FFFFFF;
    }
.GrayBox {
/* the boxes are gray --- graybox.lol - pikidiary.lol */
	background-color: #222222;
	color: #FFF !important;
	border: 1px solid #ffffff !important;
	border-radius: 3px !important;
	box-shadow: 0px 0px 3px #FFFFFF;
	font-family: "MS Gothic";
	padding: 10px;
}
.Language-Select {
	color: white ;
    background-color: transparent;
    text-decoration: underline;
}
.Language-Select:hover {
	color: white ;
	text-shadow: #FFF 0px 0 6px;
}

.Language-Selected {
	color: gray
}
.LZTimeline {
  background: linear-gradient(#535353 0%, #000 60%) !important;  
  color: #FFF !important;
  border: 1px solid #ffffff !important;
  border-radius: 3px !important;    
  box-shadow: 0px 0px 1px #FFFFFF;
    }
    
.tilt-in-fwd-tr {
	-webkit-animation: tilt-in-fwd-tr 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: tilt-in-fwd-tr 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #333;
  color:white ;
  font-family:"MS Gothic"
}
.pixel-perfect {
  image-rendering: crisp-edges; /*no blur*/
  }
.Img-button {
	color:teal ;
	image-rendering: crisp-edges; /*no blur*/
}
.Img-button:hover {
	filter: brightness(2.75);
}
.fade-in-image {
  opacity: 50%;
}

.fade-in-image:hover {
  opacity: 100%;
  transition: opacity 1s;
}
#outer {
    width: 100px;
    overflow: hidden;
    padding-bottom: 10px;
}

#outer > div {
    width: 100px;
    height: 100px;
    background: orange;
    
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
}
.AThumbnail {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-style: ridge;
	border-width: 10px;
	border-radius: 4px;
	border-color: red;
	box-shadow: 0px 0px 5px 2px #FF0000;
	left: -20px;
	position: relative;
}
.AdvertsImage {
	image-rendering: crisp-edges; /*no blur*/
	filter: hue-rotate(4.2rad) brightness(0.75)
}
.w {
 cursor:move ;
 quotes:inherit
 }
.WNBox {
	background-color: #000055 !important; 
	color: #FFF !important;
	border: 1px solid #FFF !important;
	font-family: "MS Gothic";
	padding: 0px;
	image-rendering: crisp-edges; /*no blur*/
}
.CreditsBox {
	background: linear-gradient(#008 0%, #002 60%) !important;
	color: #FFF !important;
	border: 1px solid #FFF !important;
	font-family: "MS Gothic";
	padding: 5px;
	image-rendering: crisp-edges; /*no blur*/
}
.CreditsBox2 {
	background: linear-gradient(#666 0%, #333 60%) !important;
	color: #FFF !important;
	border: 1px solid #FFF !important;
	font-family: "MS Gothic";
	padding: 5px;
	image-rendering: crisp-edges; /*no blur*/
		position:relative ;
	top:17px !important
}

.PFBox {
	background-color: #000055 !important; 
	color: #FFF !important;
	border: 1px solid #FFF !important;
	font-family: "MS Gothic";
	padding: 5px;
	image-rendering: crisp-edges; /*no blur*/
}
#navigation {
  display: block;
  position: fixed;
  top: -20px;
  left: 0;
  z-index: 10;
  border-bottom: 2px solid rgba(0,0,255,0.4);
  box-shadow: 0 0 3px rainbow 10s cubic-bezier(.86,0,.07,1) infinite ;
  background: linear-gradient(#555 0%, #000 60%) !important;
  width: 100%;
  height: 30px;
  padding: 5px;
  overflow:hidden ;
  box-shadow: 0 0 3px rgba(0,0,0,.25);
}
#navigation-plain {
  display: block;
  position: fixed;
  top: -20px;
  left: 0;
  z-index: 10;
  border-bottom: 2px solid rgba(0,0,255,0.4);
  box-shadow: 0 0 3px rainbow 10s cubic-bezier(.86,0,.07,1) infinite ;
  background: linear-gradient(#555 0%, #000 60%) !important;
  width: 100%;
  height: 30px;
  padding: 5px;
  overflow:scroll ;
  box-shadow: 0 0 3px rgba(0,0,0,.25);
}

@keyframes rainbow {
      0% {
        color: #ff0000; /* Red */
      }
      16.67% {
        color: #ff9900; /* Orange */
      }
      33.33% {
        color: #ffff00; /* Yellow */
      }
      50% {
        color: #00ff00; /* Green */
      }
      66.67% {
        color: #0000ff; /* Blue */
      }
      83.33% {
        color: #9900ff; /* Purple */
      }
      100% {
        color: #ff0000; /* Red */
      }
    }

.logo {
	  position: fixed;
  top: 3px;
animation: rainbow 10s cubic-bezier(.86,0,.07,1) infinite;
}
.ErrorBox {
	background: linear-gradient(#C00 0%, #800 100%) !important;
	padding: 3px;
	border-radius: 3px;
	text-shadow:1px 1px black;
	font-family: MS Gothic, Arial, Helvetica, sans-serif;
	color: #FFF;
}
.WarnBox {
	background: linear-gradient(#BB0 0%, #660 100%) !important;
	padding: 3px;
	border-radius: 3px;
	text-shadow:1px 1px black;
	font-family: MS Gothic, Arial, Helvetica, sans-serif;
	color: #FFF;
}
.InfoBox {
	background: linear-gradient(#00F 0%, #00A 100%) !important;
	padding: 3px;
	border-radius: 3px;
	text-shadow:1px 1px black;
	font-family: MS Gothic, Arial, Helvetica, sans-serif;
	color: #FFF;
}
a.infobox {
	color:#fff;
}
.SuccessBox {
	background: linear-gradient(#0D0 0%, #090 100%) !important;
	padding: 3px;
	border-radius: 3px;
	text-shadow:1px 1px black;
	font-family: MS Gothic, Arial, Helvetica, sans-serif;
	color: #FFF;
}
.wEiRdBox {
	background: linear-gradient(#F0F 0%, #A0A 100%) !important;
	padding: 3px;
	border-radius: 3px;
	text-shadow:1px 1px black;
	font-family: MS Gothic, Arial, Helvetica, sans-serif;
	color: #FFF;
}
.PwriodeBkoxe {
	background: linear-gradient(#F00 0%, #F40 20%, yellow 40%, lime 60%, blue 80%, fuchsia 100%) !important;
	padding: 3px;
	border-radius: 3px;
	text-shadow:1px 1px WHITE;
	font-family: MS Gothic, Arial, Helvetica, sans-serif;
	color: #000;
}
.Unfocussed {
filter: blur(9px);
image-rendering: crisp-edges; /*no blur*/
}
.Unfocussed:hover {
filter: blur(-0px);
image-rendering: crisp-edges; /*no blur*/
}
.Spoiler{
	background-color:black;
	color:black;
}
.Spoiler:hover{
	background-color:yellow;
	color:black;
	box-shadow: 0px 0px 10px yellow;
}
.paddinggen {
	padding: 5px;
}
.GreyBox2 {
   position:relative;
   z-index:10;
  background: linear-gradient(#555 0%, #000 60%) !important;
  color: #FFF !important;
  border-bottom: 1px solid #A0f !important;
  border-right: 1px solid #A0f !important;  
  border-left: 1px solid #A0f !important;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  font-family: "MS Gothic";
  overflow: ;
  margin:0;
  height:29px;
  width: 766px;
  margin-top: -30px;
  margin-left: auto;
  margin-right:auto;
  box-shadow: 0px 0px 5px 1px #A0F;
  
}
.GreyBox3 {
   position:fixed;
   z-index:10;
  background: linear-gradient(#55555540 0%, #00000040 60%) !important;
  color: #FFF !important;
  border-bottom: 1px solid #ffffff !important;  
  font-family: "MS Gothic";
  overflow: hidden;
  margin:0;
  height:29px;
  width: 100%;
  margin-top: -30px;
  backdrop-filter: blur(5px);
}
.GreyBox4 {
   position:relative;
   z-index:10;
  background: linear-gradient(#555 0%, #000 60%) !important;
  color: #FFF !important;
  border-bottom: 1px solid #A0f !important;
  border-right: 1px solid #A0f !important;  
  border-left: 1px solid #A0f !important;
  font-family: "MS Gothic";
  overflow: ;
  margin:0;
  height:29px;
  width: 766px;
  margin-left: auto;
  margin-right:auto;
  box-shadow: 0px 0px 5px 1px #A0F;
  
}
.MoveUpOneLineBecauseFuckThis {
	Position:relative;
	top: -30px;
}
.MoveUpTwoLinesBecauseFuckThisx2 {
	Position:relative;
	top: -60px;
}
.MoveUpWTFLinesBecauseFuckThisx0dividedby0 {
	Position:relative;
	top: -500px;
}

.LinkShadow  {
	color: #FFF !important ;
	text-shadow:1px 1px #888;
}
.LinkShadow:hover {
	text-shadow:1px 1px 1px WHITE;
}
.TextCentre {
	text-align: center;
}
.divCentre {
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
footer {
	border-top: 1px solid #ffffff !important;
	text-align: center;
	font-family: MS Gothic, Arial, Helvetica, sans-serif;
	padding: 5px;
	background: linear-gradient(#55555577 0%, #00000099 20%, #000000dd 60%) !important;
	backdrop-filter: blur(3px);
}
.2025 {
	image-rendering: crisp-edges;
	position: relative;
	left: 100px ;
	bottom: 100px
	}
.LZButtonBox {
	padding: 5px;
	font-family: MS Gothic, Arial, Helvetica, sans-serif;
	color: #ffffff;
	background: linear-gradient(#333 0%, #000 100%) !important;
	border: 1px solid #fff;
	border-radius: 3px;
}
.LZButtonBox:hover {
	padding: 5px;
	font-family: MS Gothic, Arial, Helvetica, sans-serif;
	color: #ffffff;
	background: linear-gradient(#444 0%, #111 100%) !important;
	border: 1px solid #fff;
	border-radius: 3px;
}
.LZButtonBox:active {
	padding: 5px;
	font-family: MS Gothic, Arial, Helvetica, sans-serif;
	color: #ffffff;
	background: linear-gradient(#000 0%, #333 100%) !important;
	border: 1px solid #fff;
	border-radius: 3px;
}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 150%;
  left: 50%;
  margin-left: -60px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
.100width {
	width: 100%;
}
.thumbnail { 
top:-50px; 
left:-35px; 
display:block; 
z-index:999; 
cursor: pointer; 
-webkit-transition-property: all; 
-webkit-transition-duration: 0.2s; 
-webkit-transition-timing-function: ease; 
border: 3px solid #fff;


} 

.thumbnail:hover { 
transform: scale(1.1); 
box-shadow: 0px 0px 10px 3px #fff;

}
.Announcement25 {
	background-image:url('marqueetemp.png');
	background-repeat: no-repeat;
    background-size: 100% 100%;
    image-rendering: pixelated;
    filter: hue-rotate(3.6rad);    
    text-shadow:1px 1px #111, 0px 0px 5px #fff, 0px 0px 5px #fff;
}
.ZEEINDEEX {
	font-family: "MS Gothic";
	color: #fff;
	position: relative;
	top: 0px;
}
.extgraybox {
   position:fixed;
   z-index:10;
  background: linear-gradient(#555 0%, #000 60%) !important;
  color: #FFF !important;
  border-bottom: 1px solid #ffffff !important;  
  font-family: "MS Gothic";
  overflow: ;
  margin:0;
  height:29px;
  width: 100%;
  margin-top: -30px;
}
@font-face {
    font-family: "Bitzo";
    src: url(Fonts/BitzoV101.ttf) format("truetype");
}
p.headfont { 
    font-family: "Bitzo", Verdana, Tahoma;
    color:lime
}
H2.headfont { 
    font-family: "Bitzo", Verdana, Tahoma;
    color:lime
}