*{
	font-family:Helvetica;
}


input[type="number"] {
    width: 60px;
}
button {
    padding: 6px 12px;
    margin-top: 10px;
	width:100px;
	max-width:80%;
}
section {
    padding: 20px;
    border: 2px solid white;
	border-radius:10px;
}
#configScreen{
    display: none;
}
ul {
    list-style: square inside;
    padding: 0;
}
kbd {
    font-weight: bold;

    padding: 2px 5px;
    border-radius: 4px;
}      

.taskContainer{

	height:50vh;
	max-width:80%;
	width: 450px;
	border-radius: 10px;
	margin:auto;
}

#configScreen{
	width:450px;
	max-width:80%;
	height:100%;
	margin:auto;
}

#gameScreen > * { text-align:center; }

#gameScreen{
	display:flex;
	justify-content:space-evenly;
	height:50vh;
	max-height:80%;
	text-align:center;
	font-size:1.2rem;
	
}

#gameScreen > input{
	padding:1rem;
	width:120px;
	margin-top:1rem;
	margin-bottom:1rem;	
}

span.operation{
	text-align:center;
	display:flex;
	text-align:right;
	align-content:right;
	font-size:2rem;
	margin:auto;
	margin-right:0;

}

#questionText{
	font-size:1.8rem;
	font-weight:600;
	text-align:center;
	margin:auto;
	color:salmon;
margin-top:5%;

}

#configScreen > * {
	margin-top:1.5rem;
	margin-bottom:1.5rem;
	
}

.fieldset{
	width:450px;
	max-width:99%;
	
	margin:auto;
	border-radius:10px;
	border: solid white 2px;
}

label{
	display:flex;
	justify-content:space-between;
	align-content:center;
	text-align:center;
	width:450px;
	max-width:100%;
	margin:auto;
}

button,input{
	margin:auto;
}
input[type="checkbox"]{
	margin-left:0;
}
section{
	text-align: center;
	margin:auto;
	align-items: center;
}
body{
	display: flex;
	align-content: center;
	align-items:center;
	height:100vh;
}
main{
	margin:auto;
	max-width:95vw;
	width:450px;
}