#screen{
	width:300px;
	height:300px;
	font-size:80px;
	line-height:300px;
	text-align:center;
	margin:20px auto;
	border:1px solid #b9b9b9;
	border-radius:100%;
	box-shadow:0px 0px 12px 12px lightgrey;
	background-color:white;
}


#right{
	color:green;
}

#wrong{
	color:red;
}

#casella{
	width:400px;
	border:1px solid #b9b9b9;
	height:90px;
	text-align:center;
	margin:20px auto;
	font-size:40px;
	line-height:90px;
	padding:0px;
	box-shadow:0px 0px 12px 12px lightgrey;
}

#game{
		text-align:center;
}

.progress{
	width:400px;
	margin:0px auto;
}

body{

	background: white;
}
.navbar{
 margin-bottom:0px;
}

.myinfo{
	line-height:34px;
	font-size:20px;
	cursor:pointer;
	color:royalblue;
}

#options{
	padding:10px;
	background-color:white;
	width:100%;
}

.form-control{
	border:0px solid black;
	border-bottom:1px solid lightgrey;
	border-radius:0px;
	-webkit box shadow:none;
	box-shadow:none;
}

.left-buttons{
	width:150px;
	height:150px;
	cursor:pointer;
	background-color:white;
	border:1px solid lightgrey;
	box-shadow:2px 2px 2px black;
}



.mydisabled{
	opacity:0.5;
	background-color:lightgrey;
}

.mydisabled:hover{
	background-color:lightgrey;
}

.myunselected{
	background-color:lightgrey;
}

.myunselected:hover{
	background-color:white;
}

.left-buttons h1{
	padding:0px;
	margin:0px;
	text-align:center;
	font-size:70px;
  padding-top:20px;
	color:royalblue;
}

.left-buttons h3{
	padding:0px;
	margin:0px;
	text-align:center;
	font-size:18px;
	line-height:50px;
	color:royalblue;

}

#btn_avvia{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

#btn_info{
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

.mywrapper{
	background-color:white;
	border:1px solid black;
	margin:0px auto 20px auto;
	box-shadow:2px 2px 2px black;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}label{text-align:right}


@media only screen and (max-width: 600px) {
	#screen{
	width:200px;
	height:200px;
	font-size:50px;
	line-height:200px;
	text-align:center;
	margin:20px auto;
	border:1px solid #b9b9b9;
	border-radius:100%;
	background-color:white;
	box-shadow:0px 0px 12px 12px lightgrey;
}

#casella{
	width:100%;
	border:1px solid blue;
	height:75px;
	text-align:center;
	margin:20px auto;
	font-size:50px;
	line-height:75px;
}

.progress{
	width:200px;
	margin:10px auto;
}

.form-control{
	padding:0px;
}	

.form-group{
	margin-bottom:25px;
}	

body{
	background-color:white;
}
}