A {
	TEXT-DECORATION: none
}
A:link {
	COLOR: #800000
}
A:active {
	COLOR: #ff1111
}
A:visited {
	COLOR: #550000
}
A:hover {
	COLOR: #800000; TEXT-DECORATION: underline
}
FORM {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px
}
BODY {
	FONT-SIZE: 10pt; COLOR: #ffffff; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
TD {
	FONT-SIZE: 10pt; COLOR: #ffffff; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
P {
	FONT-SIZE: 10pt; COLOR: #ffffff; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
UL {
	FONT-SIZE: 10pt; COLOR: #ffffff; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
LI {
	FONT-SIZE: 10pt; COLOR: #ffffff; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}
P {
	TEXT-INDENT: 15px
}
BODY {
	MARGIN: 15px 35px 0px; BACKGROUND-COLOR: #000000
}

.input {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-LEFT-COLOR: #3871a9; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #3871a9; COLOR: #1100ff; BORDER-TOP-COLOR: #3871a9; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #bcf4fe; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #3871a9
}

.small_lst {
	FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}

.entry_form {
	FONT-SIZE: 11pt; COLOR: #000000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
}

.ef_input {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #000000; COLOR: #1100ff; BORDER-TOP-COLOR: #000000; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #eef7f8; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #000000
}

.BlockText{
	z-index: 10;
	color: white;
    text-shadow:
    -2px -2px 0 #000,
    2px -2px 0 #000,
    -2px 2px 0 #000,
    2px 2px 0 #000;  
	-webkit-filter: drop-shadow(-50px 35px 25px black);

}

.HighlightText{
	z-index: 10;
	color: white;
    text-shadow:
    -5px -5px 1 #F0F0F0,
    5px -5px 1 #F0F0F0,
    -5px 5px 1 #F0F0F0,
    5px 5px 1 #F0F0F0;  
	-webkit-filter: drop-shadow(-50px 35px 25px black);
}



/* Smartphones (portrait) ----------- */
	@media only screen 
	and (max-width : 500px ) {
		
	.RuebotLogo{
		position: relative;
		top: -20px;
		left: -110px;
		transform: scale(.5);
		}
		
	.Menu{
		position: relative;
		top: -40px;
		left: -115px;
		}
	.Thanks{
		position: absolute;
		top: 330px;
		left: 0px;
		width: 100px;
		transform: scale(.7);
	}

	.Machinist{
		position: absolute;
		top: 490px;
		left: -120px;
		transform: scale(.7);
	}

	.Gallery{
		position: absolute;
		top: 70px;
		left: 5px;
		transform: scale(.4);
	}
	
	#home-button {
		position: fixed;
		mix-blend-mode: color-dodge;
 		top: 430px;
		left: 35px;
		opacity: 55%;
		transform: scale(.3);
		z-index: 9999; /* Make sure the button appears above other elements */
		-webkit-filter: drop-shadow(-15px -15px 5px black);	
	}

	#home-button img {
		mix-blend-mode: exclusion;
		transition: transform 0.3s ease; /* Add transition for smooth effect */
		-webkit-filter: drop-shadow( 15px  15px 5px black);	
	}

	#home-button img:hover {
  		transform: scale(0.8); /* Scale down by 20% on hover */
	}


}

	@media only screen 
	and (min-width : 500px ) {
		
	.Thanks{
		position: absolute;
		top: 600px;
		left: 50px;
		width: 100px;
	}

	.Machinist{
		position: absolute;
		top: 800px;
		left: 100px;
	}

	.Gallery{
		position: absolute;
		top: 70px;
		left: 15px;
		transform: scale(.7);
	}
	
	#home-button {
  		position: fixed;
		top: 600px;
		left: 270px;
		opacity: 55%;
		transform: scale(.3);
		z-index: 9999; /* Make sure the button appears above other elements */
	}

	#home-button img {
		mix-blend-mode: exclusion;
		transition: transform 0.3s ease; /* Add transition for smooth effect */
	}

	#home-button img:hover {
  		transform: scale(0.5); /* Scale down by 20% on hover */
	}

}

@font-face {
  font-family: 'Geometric231HV';
  src: url('../fontfolder/GEO231H.TTF') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Geometric231';
  src: url('../fontfolder/geometric231BT.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Geometric231BT';
  src: url('../fontfolder/geometric231BT.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Geometric231LT';
  src: url('../fontfolder/geometric231LT.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Staccato555BT';
  src: url('../fontfolder/STAC555N.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Staccato222BT';
  src: url('../fontfolder/STAC222N.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CopprplGoth BT';
  src: url('../fontfolder/COPGOTHB.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CopprplGoth Hv BT';
  src: url('../fontfolder/COPGOTHH.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.test {
}