@font-face{
	font-family: "Kingthings Petrock";
    src: url('https://chazu.arkku.net/files/font/Kingthings%20Petrock.ttf');
}

a:link{color:#00cc66} 
a:visited{color:#00cc66 } 
a:hover{color:#16e980;} 
a:focus{color: } 
a:active{color:#d4d365;} 


body{
	background-color:#374049;
	color:#e2e6e9;
	font-family: 'Roboto',sans-serif, arial;
	text-rendering: optimizeLegibility;
}


#content{
	border-radius:5px;
	background-color:rgba(0,0,0,0.7);
	width:60vw;
	min-width:600px;
	margin:auto auto;
	padding:20px;
}


.oblivion-font{	
	font-family: "Kingthings Petrock";	
	font-size:23px;
	letter-spacing:0.7px;
	word-spacing: 3px;
	line-height:18px;	
	color:#693a20;
	text-shadow: 0px 0px 0.1px #693a20;	
}


#image-area{
	border:1px solid white;	
}


#image-elem{
	margin: auto auto;
	background-image:url('files/img/fight_guild.webp');	
	width:596px;
	height:302px;
	overflow: auto;
	-webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.3);
	box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.3);
}


#loading-text{
	margin: auto auto;
	margin-top:208px;
	width:83%;
	height:57px;
	filter:blur(0.5px);
	xtext-align:center;
	xdisplay: flex;
	xjustify-content: center;
	xalign-items: center;
}


#button-area{
	margin: auto auto;
	margin-top:20px;
	width:596px;
}

.button-row{
	display: flex;
	justify-content: center;
	margin-bottom:5px;
}

.button {
	box-shadow: 2px 2px 4px #000000;
	border: none;
    color: #f3e6d0;
	background-color: #890932;
    padding: 15px 15px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
	border-radius:3px;
	cursor:pointer;
	outline: none;
	font-family: 'Roboto',sans-serif, arial;	
	margin-right:5px;
}


.button:hover {	
	background-color:#71082a;
}

.button:active {		
	background-color:#49041a;
	box-shadow: 0 0px #666; 
}	

.button-green{
	background-color: #088245;
}

.button-green:hover {background-color:#076b39; }
.button-green:active{background-color:#056133; box-shadow: 0 0px #666; }	


#captured-container {
	margin: auto auto;
	margin-top:20px;
	width:596px;
}


#captured{
	width:596px;
	height:302px;	
	visibility:hidden;
	-webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.3);
	box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.3);
}


.italic{
	font-style:italic;
}