body {
	font-family: "Montserrat", Helvetica, sans-serif;
	background-image: url("images/wood.jpg");
	background-size: cover;
	background-repeat: no-repeat; 
	background-position: center center;
}

a { color: black }

button {
	margin: 5px;
	padding: 10px;
	border: 0px solid white;
	border-radius: 5px;
	background: #ffee33;
	font-family: "Montserrat", Helvetica, sans-serif;
	transition: .5s;
}

button:hover {
	background: #ffd52e;
}

table {
	margin-right: auto;
	margin-left: auto;
}

img.nofade {
	animation: none;
}

.container {
	border: 8px solid #ffee33;
	margin: 8px;
	padding: 8px;
	background-color: white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
}

.starting-blocks {
	width: 50px;
	height: 50px;
	float: left;
}

.utilities {
	width: 150px;
	height: 150px;
	float: right;
	text-align: right;
	border: 8px solid #ffee33;
	margin: 8px;
	padding: 8px;
	background-color: white;
}

.dice {
	width: 220px;
	height: 150px;
	float: right;
	text-align: center;
	border: 8px solid #ffee33;
	margin: 8px 8px 8px 8px;
	padding: 8px;
	background-color: white;
	clear: right;
}

.dice-pic {
	float:none;
}

.refresh {
	display:none;
	width: 150px;
#	height: 150px;
	float: right;
	text-align: center;
	border: 8px solid #ffee33;
	margin: 32px 8px 8px 8px;
	padding: 8px 8px 8px 8px;
	background-color: white;
	clear: right;
}

/*
.refresh-button: {
	float:none;
	opacity:0.8;
	transition: 0.5;
}
.refresh-button:hover {
	opacity: 1;
}
*/

.footer {
	display:none;
	border: 8px solid #ffee33;
	margin: 8px;
	padding: 8px;
	background-color: white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}

.contacts {
	text-align: center;
	font-size: 85%;
	color: black;
	margin: 70px 10px 10px 10px;
}

#div1, #div2, #div3, #div4, #div5, #div6, #div7, #div8, #div9, #div10,
#div11, #div12, #div13, #div14, #div15, #div16, #div17, #div18, #div19, #div20,
#div21, #div22, #div23, #div24, #div25, #div26, #div27, #div28, #div29, #div30,
#div31, #div32, #div33, #div34, #div35, #div36, #div37, #div38, #div39, #div40,
#div41, #div42, #div43, #div44, #div45, #div46, #div47, #div48, #div49, #div50,
#div51, #div52, #div53, #div54, #div55, #div56, #div57, #div58, #div59, #div60,
#div61, #div62, #div63, #div64, #div65, #div66, #div67, #div68, #div69, #div70,
#div71, #div72, #div73, #div74, #div75, #div76, #div77, #div78, #div79, #div80,
#div81, #div82, #div83, #div84, #div85, #div86, #div87, #div88, #div89, #div90 {
  width: 100px;
  height: 50px;
  margin:5px;
  padding: 10px;
  border: 1px solid silver;
}

/* disegna spirale mediante colori dello sfondo*/

#div1, #div2, #div3, #div4, #div5, #div6, #div7, #div8, #div9 {
	background-color: #ffb5bA;
}

#div11, #div12, #div13, #div14, #div15, #div16, #div17 {
	background-color: #ff9b29;
}

#div19, #div20, #div21, #div22, #div23, #div24, #div25, #div26, #div27 {
	background-color: #e25822;
}

#div28, #div29, #div30, #div31, #div32, #div33 {
	background-color: #f6a600;
}

#div35, #div36, #div37, #div38, #div39, #div40, #div41 {
	background-color: #f3c300;
}

#div43, #div44, #div45, #div46, #div47 {
	background-color: #dcd300;
}

#div49, #div50, #div51, #div52, #div53, #div54 {
	background-color: #8db600;
}

#div56, #div57, #div58, #div59 {
	background-color: #27a64c;
}

#div61, #div62, #div63, #div64, #div65 {
	background-color: #008882;
}

#div67, #div68, #div69 {
	background-color: #0085a1;
}

#div71, #div72, #div73, #div74 {
	background-color: #00a1c2;
}

#div76, #div77 { 
	background-color: #9a4eae;
}

#div79, #div80, #div81 {
	background-color: #9065ca;
}

#div83, #div85, #div86 {
	background-color: #30267a;
}

#div89 {
	background-color: #10194a;
}

/* definisce colore e arrotondamento caselle d'angolo */

#div10 {
	background-color: #f0aabd;
	border-radius: 0px 30px 0px 0px;
}

#div18 {
	background-color: #fc7526;
	border-radius: 0px 0px 30px 0px;
}

#div27 {
	background-color: #DD4132;
	border-radius: 0px 0px 0px 30px;
}

#div34 {
	background-color: #f6b400;
	border-radius: 30px 0px 0px 0px;
}

#div42 {
	background-color: #f6dd00;
	border-radius: 0px 30px 0px 0px;
}

#div48 {
	background-color: #c3e602;
	border-radius: 0px 0px 30px 0px;
}

#div55 {
	background-color: #59bf1f;
	border-radius: 0px 0px 0px 30px;
}

#div60 {
	background-color: #06967a;
	border-radius: 30px 0px 0px 0px;
}

#div66 {
	background-color: #0c96a6;
	border-radius: 0px 30px 0px 0px;
}

#div70 {
	background-color: #1797cf;
	border-radius: 0px 0px 30px 0px;
}

#div75 {
	background-color: #8469c9;
	border-radius: 0px 0px 0px 30px;
}

#div78 {
	background-color: #9a4eae;
	border-radius: 30px 0px 0px 0px;
}

#div82 {
	background-color: #9065ca;
	border-radius: 0px 30px 0px 0px;
}

#div84 {
	background-color: #30267a;
	border-radius: 0px 0px 30px 0px;
}

#div87 {
	background-color: #30267a;
	border-radius: 0px 0px 0px 30px;
}

#div88 {
	background-color: #10194a;
	border-radius: 30px 0px 0px 0px;
}

/* definisce altre proprietà INDIVIDUALI delle caselle (colore testo, sfondo ecc) */

#div2 {
	background-image: url("images/2.png");
	background-size: 70px;
	background-repeat: no-repeat; 
	background-position: center center;
}

#div5 {
	background-image: url("images/5.png");
	background-size: 50px;
	background-repeat: no-repeat; 
	background-position: center center;
}

#div6 {
	background-image: url("images/6.png");
	background-size: 65px;
	background-repeat: no-repeat; 
	background-position: center center;
}

#div9 {
	background-image: url("images/9.png");
	background-size: 60px;
	background-repeat: no-repeat; 
	background-position: center center;
}

#div13 {
	background-image: url("images/13.png");
	background-size: 110px;
	background-repeat: no-repeat; 
	background-position: center center;
}

#div15 {
	background-image: url("images/15.png");
	background-size: 70px;
	background-repeat: no-repeat; 
	background-position: center center;
}

#div18 {
	background-image: url("images/18.png");
	background-size: 50px;
	background-repeat: no-repeat; 
	background-position: center center;
}

#div19 {
	background-image: url("images/19.png");
	background-size: 50px;
	background-repeat: no-repeat; 
	background-position: center center;
	background-color: black;
	color: white;
}

#div24 {
	background-image: url("images/24.png");
	background-size: 60px;
	background-repeat: no-repeat; 
	background-position: center center;
}

#div27 {
	background-image: url("images/27.png");
	background-size: 70px;
	background-repeat: no-repeat; 
	background-position: center center;
}

#div31 {
	background-image: url("images/31.png");
	background-size: 120px;
	background-repeat: no-repeat; 
	background-position: center center;
	color:white;
	text-shadow: 1px 1px #000000, -1px -1px #000000;
}

#div36 {
	background-image: url("images/36.png");
	background-size: 60px;
	background-repeat: no-repeat; 
	background-position: center center;
}

#div40 {
	background-image: url("images/40.png");
	background-size: 120px;
	background-repeat: no-repeat; 
	background-position: center center;
}

#div43 {
	background-image: url("images/43.png");
	background-size: 60px;
	background-repeat: no-repeat; 
	background-position: center center;
}

#div45 {
	background-image: url("images/45.png");
	background-size: 60px;
	background-repeat: no-repeat; 
	background-position: center center;
}

#div54 {
	background-image: url("images/54.png");
	background-size: 80px;
	background-repeat: no-repeat; 
	background-position: center center;
}

#div51 {
	background-image: url("images/51.png");
	background-size: 80px;
	background-repeat: no-repeat; 
	background-position: center center;
}

#div57 {
	background-image: url("images/57.png");
	background-size: 50px;
	background-repeat: no-repeat; 
	background-position: center center;
	background-color: yellow;
	border-color: black;
}

#div63 {
	background-image: url("images/63.png");
	background-size: 70px;
	background-repeat: no-repeat; 
	background-position: center center;
}

#div65 {
	background-image: url("images/65.png");
	background-size: 70px;
	background-repeat: no-repeat; 
	background-position: center center;
}

#div69 {
	background-image: url("images/69.png");
	background-size: 60px;
	background-repeat: no-repeat; 
	background-position: center center;
}

#div71 {
	background-image: url("images/71.png");
	background-size: 70px;
	background-repeat: no-repeat; 
	background-position: center center;
}

#div75 {
	background-image: url("images/75.png");
	background-size: 50px;
	background-repeat: no-repeat; 
	background-position: center center;
}

#div80 {
	background-image: url("images/80.png");
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: center center;
}

#div82 {
	background-image: url("images/82.png");
	background-size: 135px;
	background-repeat: no-repeat;
	background-position: center center;
}

#div85 {
	background-image: url("images/85.png");
	background-size: 90px;
	background-repeat: no-repeat;
	background-position: center center;
}

#div88 {
	background-image: url("images/88.png");
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: center center;
}

#div90 {
	background-image: url("images/90.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#div83, #div84, #div85, #div86, #div87, #div88, #div89 {
	color: white;
}

#div90 {
	font-size: 40px;
	text-align:center;
}