:root{
	--cor-principal: #14181F;
	--cor-secundaria: #F2A93B;
}
body{
	background-color: var(--cor-principal);
	margin: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100vw;
	height: 100vh;
}
div{
	box-sizing: border-box;
}
*{
	font-family: "Titillium Web", sans-serif;
}
.container-central{
	width: 90vw;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
}
.painel-principal{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px;
	background-color: white;
	border-radius: 10px;
	width: 100%;
	box-sizing: border-box;
}
.flex-opcoes{
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	width: 100%;
}
.dificuldade{
	color: black;
	opacity: 0.5;
	border: 2px solid black;
	width: 100%;
	height: 40px;
	border-radius: 6px;
	cursor: pointer;
	transition: 400ms all;
}
.dificuldade.facil{
	background-color: green;
}
.dificuldade.medio{
	background-color: yellow;
}
.dificuldade.dificil{
	background-color: red;
}
.dificuldade.selecionado{
	opacity: 1;
}
.flex-dificuldades{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 10px;
}
.comecar{
	color: black;
	border: 2px solid black;
	background-color: green;
	height: 40px;
	width: 80%;
	border-radius: 6px;
	cursor: pointer;
}
.img-principal{
	width: 100%;
}
.input-nome{
	width: 100%;
	height: 40px;
	background-color: white;
	border: 2px solid #ccc;
	outline: none;
	padding: 4px 20px;
	box-sizing: border-box;
	border-radius: 6px;
}
.container-range-valor{
	display: flex;
	flex-direction: column;
	width: 100%;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
}
.grid-informacoes{
	display: grid;
	width: 100%;
	grid-template-columns: 1fr 1fr;
	column-gap: 20px;
	row-gap: 3px;
}
.botao-jogo-durante{
	color: black;
	border: 2px solid black;
	background-color: green;
	height: 40px;
	width: 100%;
	border-radius: 6px;
	cursor: pointer;
	transition: 400ms all;
}
.botao-jogo-durante:hover{
	transform: scale(1.05);
}
.botao-jogo-durante.menu{
	background-color: var(--cor-secundaria);
}
.painel-jogo{
	flex-direction: column;
	gap: 30px;
	align-items: center;
}
.flex-botoes-jogo{
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	align-items: center;
}
.titulo-jogo{
	font-size: 30px;
	grid-column: span 2;
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.card-info-jogo{
	background-color: white;
	padding: 12px;
	border-radius: 10px;
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
}
.faixa-central{
	display: flex;
	flex-direction: column;
}



/*Configurações do IRS*/

.irs{
	width: 100%;
}
.irs-handle>i{
	width: 22px !important;
	height: 22px !important;
	margin-left: -11px !important;
	border-radius: 100% !important;
	background-color: #bc8634 !important;
}
.irs-bar{
	background-color: #f2a93b !important;
}

.irs-from, .irs-to{
	background-color: #f2a93b !important;
}

/*Fim das Configuração do IRS*/


@media (max-width: 767px){
	.container-central{
		display: flex;
		flex-direction: column;
	}
}