/*Внимание! Изменение кода в игре, может вызвать серьезные ошибки в игре! Вы редактируете код игры на свой страх и риск!*/

/****Start params****/

body {
	
	background-color : #f1f1f1;
	margin : 0 auto;
	padding : 10px;
	width : 90%;
	
}

/****Text game params****/

.allTextGame {
	
	background-color : #f1f1f1;
	border-radius: 20px;
	padding: 0px 100px;
	padding-top : 20px;
	padding-bottom : 40px;
	margin: 10px 0.5%;
	white-space : pre-wrap;
	height : 540px;
	color : #333;
	font-size : 16px;
	
	letter-spacing : 0.9px;
	line-height : 20px;
	
	overflow-y : auto;
	
}

.allTextGame .quotesText::before {
	
	content : '«';
	
}

.allTextGame .quotesText {
	
	color : #888;
	
}

.allTextGame .quotesText::after {
	
	content : '»';
	
}

.allTextGame p, .allTextGame span {
	
	font-size : 17px;
	
}

/****Guess input*****/

.guessInputOutGame .guessInputGame {
	
	margin : 0px 10px;
	padding : 2px 5px;
	border-radius : 15px;
	border : 2px outset #eee;
	box-shadow : 0px 0px 5px rgba(33, 33, 33, .2);
	transition : box-shadow .15s, width .1s;
	
}

.guessInputGame:focus {
	
	box-shadow : 0px 0px 8px rgba(33, 33, 33, .4);
	outline : none;
	
}

.guessInputOutGame {
	
	padding : 10px 0px;
	margin : 0;
	border-radius : 20px;
	background-color : #e1e1e1;
	margin-bottom : 10px;
	box-shadow : 0px 0px 10px rgba(33,33,33,.3);
	
}

/*****Paths Game*****/

.allButtonsGame {
	
	margin-bottom : 15px;
	background-color : #e1e1e1;
	padding : 10px 20px;
	border-radius: 20px;
	box-shadow : 0px 0px 5px rgba(33,33,33,.3);
	overflow-x : auto;
	overflow-y : hidden;
	
}

.divPathGameOuterGame .pathGame{
	
	display : inline;
	color: #777;
	margin : 0;
	line-height: 30px;
	font-size : 18px;
	cursor: default;
	white-space : pre;
	
}

.divPathGameOuterGame {
	
	display : inline;
	
}

/***Buttons menu***/

.divButtonOuterMenu {
	
	display : inline-block;
	width : 31%;
	margin : 0 0.5%;
	margin-bottom : 10px;
	padding: 0.1% 0.1%;
	background-color : #aaa;
	border-radius: 25px;
	transition : background-color .2s, box-shadow .2s, transform .2s;
	
}

.divButtonOuterMenu .buttonMenu{
	
	background-color : #d5d5d5;
	display : block;
	color: #FFFFFF;
	padding : 0;
	margin : 0;
	border-radius: 20px;
	line-height: 40px;
	cursor: pointer;
	text-align : center;
	text-shadow : 0 0 2px rgba(33,33,33,0.2);
	font-size : 22px;
	transition : background-color .3s;
	
}

.divButtonOuterMenu:hover{
	
	background-color : #a9a9a9;
	box-shadow : 0px 0px 5px rgba(33,33,33,0.6);
	transform : scale(1.01);
	
}

.divButtonOuterMenu:active {
	
	background-color : #a5a5a5;
	box-shadow : 0px 0px 8px rgba(33,33,33,0.8);
	transform : scale(0.99);
	
}

/****Another styles*****/

.allMenuGame {
	
	text-align : center;
	
}