/* Jigsaw/Tangram/styles.css */
*:focus {outline: none;} /* prevents outline on clicked items */
body {
	background-color:black;
	font-size: 24px;
	font-family: sans-serif;
}
#head {
  width:705px;
	height:70px;
  display:flex;
  justify-content: space-around;
	align-items: center;
  margin:0 auto;
}
#head img {
  height:40px;
}
#main {
	display:flex;
	justify-content: center;
}
#panel1 {
	display:flex;
	flex-direction: column;
	justify-content: space-around;
	visibility: hidden;
	margin:0 0 0 20px;
}
.button {
	background-color:ivory;
	padding: 3px 8px;
	border-style:outset;
	border-radius: 10px;
	display:flex;
	justify-content: center;
}
#html {
	color:ivory;
}
#next {
	color:black;
}
#canvas1 {
	background-color:#c1f7f5;
}
@media (orientation:portrait) {
	#main {
		flex-direction: column;
		align-items: center;
	}
	#head {
	  width:630px;
	}
	#panel1 {
		flex-direction: row;
		width:630px;
		margin:10px 0 0 0;
	}
}