/* Universal Color */
body {
	background-color: #111111;
	background-image: url("/static/shared/img/bground.jpg");
}

/* UnrealRP Header */

.urp_header_container {
	/* position */
	position: fixed;
	top: 0px;
	left: 0px;

	/* size */
	width: 100%;
	height: 15%;
	
	/* display */
	background-color: #555555;
	background-image: url("/static/shared/img/unrealrp_carbon.png");
	background-size: 1024px 1024px;
    box-shadow: inset -1.0em -1.0em 1.0em 0 rgba(0,0,0,100), 10px 10px 5px 12px rgba(10,10,10,0.5);

    /* text display */
    color: #eeeeee;
    font-family: monospace;

    /* overflow*/
    overflow: hidden;
}

.urp_header_container .urp_header_title_container {
	/* position */
	position: relative;
	top: 20%;
	left: 5%;

	/* size */
	display: flex;
}

.urp_header_title_container #urp_logo {
	/* position */
	margin-right: 10px;

	/* size */
	width: 96px;
	height: 96px;
	
	box-shadow: inset -0.8em -0.8em 0.8em 0 rgba(0,0,0,0.5), -3px 3px 3px 3px rgba(10,10,10,0.5), 3px 3px 3px 3px rgba(10,10,10,0.5);
;
}

.urp_header_title_container #urp_title {
	/* size */
	max-width: 100%;
	font-size: 48px;
}

/* END UnrealRP Header */