@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap");

body {
	background: #1a1817;
	background: url("images/background.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	font-size: 14px;
	font-family: "Open Sans";
	color: #332e24;
}

header {
	/* height: 100px; */
}

.logo-wrapper {
	display: flex;
	align-items: center;
	width: 1310px;
	height: 190px;
	margin: 0 auto 0 auto;
}

.logo {
	width: 330px;
}

.wrapper {
	width: 1310px;
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin: 0 auto;
}

.layout-sidebar {
	width: 212px;
}

.layout-content {
	width: 810px;
}

.layout-content-top {
	height: 33px;
	background: url("images/content/content-top.png");
}
.layout-content-pattern {
	padding: 20px 50px 20px 50px;
	background: url("images/content/content-pattern.png");
}
.layout-content-bottom {
	height: 33px;
	background: url("images/content/content-bottom.png");
}

.menu-pedestal {
	position: absolute;
	z-index: -1;
	left: 0;
	top: -86px;
	width: 100%;
	display: flex;
	justify-content: center;
}

.menu-pedestal .monster {
	position: absolute;
	left: -15px;
	top: -4px;
	width: 100%;
	display: flex;
	justify-content: center;
}

.menu-box {
	margin-bottom: 18px;
}

.menu-box:last-child {
	margin-bottom: 0;
}

.menu-box-top {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 66px;
	background: url("images/menu_box/box-top.png");
}

.menu-box-pattern {
	/* height: 66px; */
	background: url("images/menu_box/box-pattern.png");
}

.menu-box-item {
	display: flex;
	align-items: center;
	height: 26px;
	padding: 0 25px 0 25px;
	background: url("images/menu_box/box-item.png");
}

.menu-box-item a {
	display: inline-block;
	color: currentColor;
	text-decoration: none;
	transition-duration: 0.25s;
}

.menu-box-item a:hover {
	color: #51aa82;
	filter: blur(0);
	transform: translateX(5px);
}

.menu-box-bottom {
	height: 11px;
	background: url("images/menu_box/box-bottom.png");
}

/* Menu box shop */
.menu-box-top-shop {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 64px;
	background: url("images/menu_box/box-top-shop.png");
}

.menu-box-shop {
	height: 154px;
	background: url("images/menu_box/box-shop.png");
}

.menu-box-wrapper {
	padding: 10px;
}

.layout-login-form {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
}

.layout-login-form input {
	width: 154px;
	height: 34px;
	border-radius: 8px;
	background-color: #837b6c;
	border: 1px solid #5d584d;
	color: #413d36;
	padding: 0 10px;
	font-weight: bold;
}

.layout-login-form input::placeholder {
	color: #4d4940;
}

.button-login {
	display: block;
	width: 174px;
	height: 36px;
	background: url("images/buttons/login.png");
	border: 0;
	cursor: pointer;
	transition: 0.5s;
}

.button-login:hover {
	background: url("images/buttons/login-hover.png");
}

.button-register {
	display: block;
	width: 174px;
	height: 36px;
	background: url("images/buttons/register.png");
	border: 0;
	cursor: pointer;
	transition: 0.5s;
}

.button-register:hover {
	background: url("images/buttons/register-hover.png");
}

.button-download {
	display: block;
	width: 174px;
	height: 36px;
	background: url("images/buttons/download.png");
	border: 0;
	cursor: pointer;
	transition: 0.5s;
}

.button-download:hover {
	background: url("images/buttons/download-hover.png");
}

.button-get-points {
	display: block;
	width: 174px;
	height: 36px;
	background: url("images/buttons/get-points.png");
	border: 0;
	cursor: pointer;
	transition: 0.5s;
}

.button-get-points:hover {
	background: url("images/buttons/get-points-hover.png");
}

#changelogTable 
.yellow, 
.news-eo {
    background: url("images/news-header.png") !important;
    background-size:auto 100% !important;
    line-height: 20px !important;
    height: 20px !important;
    line-height:16px !important;
    padding:5px !important;
    width: 100%;
    color: #fff
}

.news-eo {
  padding:5px !important;
}

.yellow a, 
.yellow a:hover, 
.news-eo a, 
.news-eo a:hover {
  color:#fff;
}

.table a,
#housetable a {
  color:#0033cc;
  text-decoration:none;
}
.table a:hover
#housetable a:hover {
	color:#0033cc;
 text-decoraton:underline;
}

footer {
	color: #997f59;
	text-align: center;
	height: 62px;
	margin-top: 60px;
	background: url("images/footer/footer.png");
	background-repeat: no-repeat;
	background-position: center;
	font-size: 12px;
	font-family: Sans-serif;
}

/* others */
.no-drop {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;

	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
}