main{
	background-color: #090806;
	color: #ebebea;
	text-align: justify;
}
form{
	padding: 10px;
	background-image: url("../img/Background.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
	display: flex;
	justify-content: space-around;
}
form .group{
	display: inline-block;
	margin: auto;
}
form .center{
	text-align: center;
}
.power div{
	display: none;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	border: black solid 2px;
}
.display div{
	display:inline-block;
}
.lightPower{
	background-color: white;
	color: black;
}
.darkPower{
	
	background-color: black;
}
.power span{
	height: 30px;
	line-height: 30px;
	white-space: nowrap; 
}

form .group div{
	margin-top: 20px;
}
label{
	display: block;
}
label i{
	font-size: 4rem;
}
input{
	margin-top: 20px;
}
button{
	font-size: 1.5rem;
	display: block;
	margin-top: 30px;
}
.fortune{
	color: #83adc4;
}
.unfortune{
	color: #606060;
}
.aptitude{
	color: #439d46;
}
.difficulty{
	color: #452769;
}
.mastery{
	color:#d5c528;
}
.challenge{
	color: #b92032;
}
.powerDice{
	color: #090806;
	text-shadow: 1px 1px 2px black, 0 0 1px gold, 0 0 0.2em gold;
}

.result{
	font-size: 1.5rem;
	display: flex;
	justify-content: space-evenly;
	padding: 20px;
}
img{
	width:60px; 
}