@import url('https://fonts.googleapis.com/css2?family=Play&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC&display=swap');*/
*{
	box-sizing: border-box;
	font-family: Play;
	}
body {
margin: auto;
max-width: 600px;
background: url(fon2.jpg) no-repeat;
background-attachment: fixed;
color: #fff;
font-family: arial,verdana,tahoma,sans-serif;
}
a{text-decoration: none;color: #fff4a7;}
.top{
background: #42160F;
box-shadow: inset 0px 0px 10px #000;
padding: 8px;
color: #fff;
}
.p{
	background: #101010;
	box-shadow: inset 0 0 10px #303030;
	border: 4px solid #42160F;
	padding: 5px;
	color: #D4D4D4;
	}
.c{
background: #303030;
box-shadow: inset 0px 0px 20px #151515;
padding: 8px;
color: #fff;
}
.ok{
padding: 5px;
background-color: #15380a;
border: 1px solid #367814;
}
.no{
background: #101010;
color: red;
padding: 5px;
box-shadow: inset 0 0 10px #303030;
border: 1px solid #000;
}
.b{
background: #101010;
padding: 8px;
box-shadow: inset 0 0 15px #303030;
border: 1px solid #000;
color: #E0E0E0;
}
a.str{
background: #303030;
padding: 5px;
box-shadow: 0 0 3px #999999;
margin-right: 5px;
border-radius: 2px;
}
.pan{
background: url(link.png) repeat;
padding: 2px;
}
.shkala{
background: #353535;
height: 4px;
overflow: hidden;
margin: 2px auto;
}
.xp{
background: #DB7A19;
height: 4px;
}
.clear{
clear: both;
}
img.foto{
float: left;
margin-right: 7px;
}
td.pnl{
padding: 7px;
border: 1px solid #000;
background: #42160F;
box-shadow: inset 0 0 10px #000;
text-align: center;
color: #afafaf;
}
.block{
background: #101010;
box-shadow: inset 0 0 10px #202020;
border-top: 1px solid #000;
padding: 6px;
text-align: center;
}
input[type=text], input[type=password]{
height: 30px;
border: 1px solid #303030;
background: #505050;
margin: 5px auto;
color: white;
}
input[type=submit]{
background: #164E06;
box-shadow: inset 0 0 10px #000;
padding: 10px;
color: black;
border: 1px solid #0B1500;
text-align: center;
}
input[type=submit].buton{
	background: url(button2.png) no-repeat;
	background-size: 100% 100%;
	padding: 8px;
	text-align: center;
}
a.link{
display: block;
padding: 8px;
background: #42160F;
box-shadow: inset 0 0 10px #000;
border: 1px solid #000;
}
td{
text-align: center;
}
.line{
height: 3px;
background: #747474;
}
a.small_link{
	font-size: 12px;
	color: #E1E1E1;
	margin: 5px 5px 5px 5px;
	}
.main{
	display: flex;
	width: 100%;
	}
.w10{ width: 10%;}
.w30{ width: 30%;}
.w33{ width: 33%;}
.w90{ width: 90%;}
.w20{ width: 20%;}
.w80{ width: 80%;}
.w50{ width: 50%;}
span.nick{
	background: linear-gradient(maroon, indianred); /* Градиент для текста */
  -webkit-background-clip: text; /* Обрезаем фон по тексту */
  -webkit-text-fill-color: transparent; /* Прозрачный текст */
	}
span.nick2{
	color: #6530C6;
	font-weight: bold;
	}
#smile{
	display: none;
}