.my_text_box			{
	position: relative; 
	width: 85%;
	margin-left: 5%; 
	border-radius: 25px; 
	padding: 2%;
	border:1px solid #ff3300;
	font-family:Cormorant Garamond;
	font-size: 33px;
	color: #dddccc; 
	z-index: 1;	
				}	
					
.white_center			{			
	border-radius: 25px;
	background: rgba(214,214,179,0.6);
	width: 95%;
	margin-left: 1%;
	margin-top: 20px;
	padding: 20px;
				}
				
.comleft	{
		border-radius: 50px;
		max-width: 65%;
		margin-top: 25px;
		margin-left: 0px;
		text-align: left;
		}

.comright	{
		border-radius: 50px;
		max-width: 65%;
		margin-top: 25px;
		margin-left: 35%;
		text-align: left;
		}

.comcenter	{
		border-radius: 50px;
		max-width: 65%;
		margin-top: 25px;
		margin-left: 17.3%;
		text-align: left;
		}	
					
table, th, td   {
 		border: 1px #aaaaaa solid;	
 		}	
		

h1 	{							
	color: white;
	font-size: 40px;
	margin-top: 0.5em;
        margin-bottom: 0.5em;
	}	
h2	{							
	color: white;
	font-size: 35px;
	margin-top: 0.5em;
        margin-bottom: 0.5em;
	}	
h3	{							
	color: white;
	font-size: 28px;
	margin-top: 0em;
        margin-bottom: 0em;
	}
h4	{							
	color: white;
	font-size: 22px;
	margin-top: 0em;
        margin-bottom: 0em;
	}
h5	{							
	color: white;
	font-size: 18px;
	margin-top: 0em;
        margin-bottom: 0em;
	}
a	{							
     	color: #ffeeff; 
     	text-decoration: none; 
     	cursor: pointer;  
	}  	
p	{							
     	color: inherit; 
     	font-size: inherit;     	
	text-indent: 4em;
	}	
pre	{							
        white-space: pre-wrap;
	color: inherit; 
	font-family: inherit; 
	font-size: inherit; 			
	margin-top: 0em;
        margin-bottom: 0em;
	}	
		
.ava	{
	animation: rotate 60s infinite;
	}
	
.dropbtn 	{
  width: 50px;
  height: 30px;
  animation: glow 5s infinite;	  
		}	
						
.dropdown 		{
  width: 50px;
  height: 30px;
  display: inline-block;	
  			}
		.dropdown:hover .dropdown-content {  display: block;  }	  				
  			 					
.dropdown-content 	{
  display: none;
  position: absolute;
  margin-left: -5px;  
  min-height: 100%;  
  min-width: 200px;  
  background: transparent;  
  border-radius: 25px;   
/*  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
  z-index: 4;
			}  		

.dropdown-content a 	{
  color: #757575;
  background-color: #000000;
  border-radius: 50px;
  border : 1px solid #ff3300;      
  margin-top: 5px;
  padding: 2px 4px;  
  display: block;	  
  font-weight: 1200; 
  letter-spacing: 2px;  
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition-duration: 3s; 	
			}
		.dropdown-content a:hover	{
		  				color: #ffaa00;
						padding:0px 0px; 
		 				border-radius: 50px;
  						background-color: #ff3300; 
						}  			 	
 		 				 	 			
	@keyframes rotate 	{
		10%	{	transform: rotateY(0deg);	}		
		15%	{	transform: rotateY(180deg);	}				
		20%	{	transform: rotateY(0deg);	}	
		25%	{	transform: rotateY(-180deg);	}					
		30%	{	transform: rotateY(0deg);	}			
		33%	{	transform: rotateX(180deg);	}						
		36%	{	transform: rotateX(0deg);	}						
		39%	{	transform: rotateX(180deg);	}											
		50%	{	transform: rotateZ(180deg);	}	
		55%	{	transform: rotateZ(0deg);	} 	
		65%	{	transform: rotateY(45deg);	} 	
		68%	{	transform: rotateY(-45deg);	} 		
		71%	{	transform: rotateY(60deg);	} 		
		74%	{	transform: rotateY(-60deg);	} 
		75%	{	transform: rotateY(30deg);	} 	
		76%	{	transform: rotateY(-30deg);	} 
		76.5%	{	transform: rotateY(25deg);	} 	
		77%	{	transform: rotateY(-25deg);	} 
		80%	{	transform: rotateY(720deg);	}
		85%	{	transform: rotateX(720deg);	} 
		90%	{	transform: rotateZ(540deg);	} 
		99%	{	transform: rotateZ(0deg);	} 																															
				}  			
  			
  	@keyframes glow 	{
  		0%	{
  		  	filter: hue-rotate(160deg) saturate(1);   
  		  	transform: rotate(180deg); 
  			}
		33%	{
			filter: hue-rotate(120deg); 	
  		  	transform: rotate(135deg); 						
			}  	
		50%	{
			filter: hue-rotate(80deg) saturate(0.5); 
			}	
			
		66%	{
			filter: hue-rotate(120deg); 
  		  	transform: rotate(225deg); 								
			}
		100%	{
			filter: hue-rotate(160deg) saturate(1); 						
			}				
				}
					
.menubutton			{
	position: relative;
	margin-top: 2%;
	margin-left: 1%;
	max-width: 90%;	
	border: solid 1px white;
 	border-radius: 25px;
	padding:2% 4%; 	
 	cursor:pointer;
 	transition-duration: 0.5s; 	
				}
		.menubutton:hover		{
  			background-color: #ff3300; 
						}	
						
.profilebutton	{	
	border: solid 1px white; 
	border-radius: 25px; 
	width: 6.5%; 
	padding: 1% 0%; 		
	display: inline-block; 
 	cursor:pointer;
 	transition-duration: 0.5s; 	
		}	
		.profilebutton:hover		{
  			background-color: #ff3300; 
						}										
				
.ico				{
	position:absolute; 
	width:65px; 
	height:55px; 
				}					
										
.tag				{							
	border-radius: 25px;
	background: rgba(125,125,125,0.5);
	padding: 5px;
	margin-top: 3px;
	border:1px solid #ffffff;
	text-align: center;
	color: white;
	transition-duration: 0.5s;
				} 	
				.tag:hover			{
  					background-color: rgba(225,225,225,0.5); 
  					color: black;
								}

textarea	{	
	color: silver; 
	padding: 4px;
	border: none; 
	border-radius: 6px; 
	background: rgba(50,50,50,0.5);   
	resize: none;
	font-size: 20px;
	font-style: italic;
	font-family: "Comic Sans MS";
		}	
	textarea::-webkit-input-placeholder 	{
  		color: silver;
						}
						
input[type=submit] 		{
	padding:3px 5px;
  	background-color: #303030; 
  	border: none;
 	border-radius: 8px;
 	cursor:pointer;
 	font-size: 20px; 	
 	transition-duration: 0.5s;
				}
				input[type=submit]:hover 	{
  					background-color: #ff5050; 
  					color: black;
								}
	
input[type=username] 		{
	padding:2px 4px;
  	background: rgba(255,255,255,0.2);
 	border-radius: 8px;
  	border: none; 	
 	color: white;
 	font-size: 16px;
				}
				
input[type=number] 		{
	padding:2px 4px;
  	background: rgba(255,255,255,0.2);
 	border-radius: 8px;
  	border: none; 	
 	color: white;
 	font-size: 16px;
				}
				
input[type=checkbox] 	{
	opacity: 0;
			}		
	label	{
		width: 100px; 
		height: 100px; 
		background-color: gray; 
		border-radius: 50%;
		}	
		input:checked + label	{
			background-color: #ff3300; 
					}	
												
.rating {
  	unicode-bidi: bidi-override;
  	direction: ltr;
  	margin-top: 0%;
	}
	.rating > a 	{
  		display: inline-block;
  		position: relative; 
  		font-size: 65px;
  		color: white;
			}
		.rating > a:hover,
		.rating > a:hover ~ a 	{
  			color: transparent;
					}			
			.rating > a:hover:before,
			.rating > a:hover ~ a:before 	{
   				content: "★";
   				position: absolute;
   				color: gold;
							}	
	
input[type=range] {											/*	https://www.cssportal.com/	*/
  height: 20px;
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
  background: #000000;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 21px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 2px 2px 4px #000000;
  background: #FF8800;
  border-radius: 17px;
  border: 2px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 6px 6px 9px #000000;
  border: 1px solid #7A7A7A;
  height: 27px;
  width: 32px;
  border-radius: 10px;
  background: #E6E6E6;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -4.5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #FF8800;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 21px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 2px 2px 4px #000000;
  background: #FF8800;
  border-radius: 17px;
  border: 2px solid #000000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 6px 6px 9px #000000;
  border: 1px solid #7A7A7A;
  height: 27px;
  width: 32px;
  border-radius: 10px;
  background: #E6E6E6;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 21px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #FF8800;
  border: 2px solid #000000;
  border-radius: 34px;
  box-shadow: 2px 2px 4px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #FF8800;
  border: 2px solid #000000;
  border-radius: 34px;
  box-shadow: 2px 2px 4px #000000;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 6px 6px 9px #000000;
  border: 1px solid #7A7A7A;
  height: 27px;
  width: 32px;
  border-radius: 10px;
  background: #E6E6E6;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #FF8800;
}
input[type=range]:focus::-ms-fill-upper {
  background: #FF8800;
}
/*					
.mapname	{
  cursor: pointer;
  color: black;
  font-size: 22px;
  font-weight: 1000;
  transition-duration: 1s;	
		}
	.mapname:hover	{
	  margin-top: -3px;
	  zoom: 1.25;
	  color: white;					
			}	
	.mapname .miniobj	{
	  visibility: hidden;
	  opacity: 0;
	  position: relative; 
	  border: 0.2px solid white;
	  border-radius: 3px;
	  background: black;
	  transition-duration: 1s;
				}	
		.mapname:hover .miniobj 	{
  				  visibility: visible;
  				  opacity: 1;
  				  z-index: 2;
  				  zoom: 25;
						}*/
						
.miniobj	{
  position: absolute;
  width: 10%;
  height: 10%;
  zoom: 0.1;
  transition-duration: 1s;
		}
	.miniobj:active	{
		width: 100%;
		height: 100%;
		top: 10%;
		margin-left: -4000%;
		zoom: 1;
			}