html,body{
	height:100%;
	background: #4a81c2;
}
a, a:hover{
	color:#fff;
}
.hp-main-game{
	height: 100vh !important;
}
.ft{
	margin:32px auto;
	font-size:16px;
	font-weight:100;
	font-style:italic;
}
.hide{
	display:none;
}
.hp{
	color:#fff;
	font-family: 'Fira Sans', sans-serif;
	font-size:14px;
}
.img-max {
	max-width: 250px;
	width:100%;
	padding:32px 0 0;
}
.bl-max {
	max-width: 300px;
	width:100%;
}

.hp h2{
	font-size:40px;
	font-weight:600;
	margin:16px auto;
}
.hp h3{
	font-size:24px;
	font-weight:400;
	margin:0 auto 32px;
}
.hp input.form-control::placeholder{
	color: #fff;
	font-weight:100;
}	
.hp input.form-control{
	background: rgba(0,0,0,0);
    border: 1px solid #fff;
	color:#fff;
	text-align:center;
	margin:16px auto;
	padding:8px 16px;
}
.hp-table{
	color:#fff;
	font-size:18px;
}


.btn{
	margin:8px auto;
	padding:8px 16px;
}
.btn-1{
	color: #e39d48;
    background: rgba(0,0,0,0);
    border: 1px solid #e39d48;
}
.btn-1:hover{
	color:#fff;
	background: rgba(0,0,0,0);
	border:1px solid #fff;
}
.btn-2{
	color:#000;
	background: #fff;
	border:1px solid #fff;
}
.btn-2:hover{
	color: #fff;
    background: rgba(0,0,0,0);
    border: 1px solid #fff;
}
/* Старт */
.hp-start{
	background: #4a81c2;
}

/* Игра */
.hp-game{
	background: #4a81c2;
}
.hp-que{
	background: #fff;
	color:#333;
	padding:32px;
	font-size:24px;
	font-weight:400;
	margin-bottom:32px;
}
.hp-solution div{
	background: #fff;
	color:#4a81c2;
	padding:32px;
	font-size:18px;
	font-weight:600;
	font-style:italic;
	text-align:justify;
}
.hp-error{
	font-size:18px;
	font-weight:400;
	font-style:italic;
}
.hp-info{
	font-size:24px;
	font-weight:400;
	font-style:italic;
	margin-bottom:32px;
}
.hp-ans{
	font-size:20px;
	font-weight:400;
}
.hp-ans div{
	border-left:2px solid #fff;
	border-top:1px solid #fff;
	padding:16px;
	margin:0 auto 32px;
	cursor:pointer;
}

.hp-ans div:hover{
	background: #fff;
	color:#333;
	border-left:2px solid #fff;
	border-top:1px solid #fff;
}
/* Регистрация */
.hp-enter{
	background: #4a81c2;
}

/* Результаты */
.hp-finish{
	background: #4a81c2;
}

/* Неверный ответ */
.hp-not-ok{
	/* background: #f4303c; */
	background: #4a81c2;
}

/* Верный ответ */
.hp-ok{
	/* background: #0e60c4; */
	background: #4a81c2;
}

.row-flex {
	display: flex;
	flex-flow: row wrap;
}
.row-flex-column {
	display:flex;
	flex-direction:column
}