/* кнопки */
.btn_main {
	display: inline-block;
	background-color: #F08F8B;
	padding: 6px 10px;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
}
.pink .btn_main {
	background-color: #8B9FF0;
}

/* обертка */
.head {
	margin: auto;
	width: 90%;
	padding: 10px 20px;
}

.content {
	width: 90%;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

.step {
	display: none;
}

.box-center {
	text-align: center;
}

.card {
	cursor: pointer;
	display: inline-block;
	width: 225px;
	height: 225px;
	border-radius: 3px;
	overflow: hidden;
	margin: 4px;
}

.pink {
	background-color: #f49ac1;
}

.blue {
	background-color: #00bff3;
}

.yellow {
	background-color: #fff799;
}

.red {
	background-color: #e32a2a;
}

.brown {
	background-color: #83531e;
}

.green {
	background-color: #99c45a;
}

.orange {
	background-color: #e18c44;
}


.image {
	width: 100%;
	height: 100%;
	background-position: center center; 
	background-repeat: no-repeat;
}

.active {
	cursor: pointer;
}

.lamp {
	display: inline-block;
	cursor: pointer;
	width: 24px;
	height: 24px;
	border-radius: 12px;
	background-color: #F48989;
	margin: 10px;
}

.lamp_on {
	background-color: #B0F489;
}

.bigbox {
	display: inline-block;
	position: relative;
	width: 400px;
	height: 400px;
	border-radius: 3px;
	cursor: pointer;
}

.black {
	background-color: #000;
}