/* /html5/turtle/styles.css */

*:focus {outline: none;} /* prevents outline on clicked items */

body {
	background-color:black;
}
h2 {
	color:ivory;
	text-align:center;
	font-family:sans-serif;
	font-weight:normal;
	font-style:italic;
	color:cyan;
}
canvas {
	background-color:ivory;
	border:1px solid lightblue;
	margin:auto;
	display:block;
}
.box {
	margin-top:5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
button {
	margin:5px;
	padding:3px 10px;
	font-size:1.5em;
}
#head {
	margin:-8px auto;
	width:400px;
}
#home {
	text-align:right;
}

#sierControl {display:none;}

#info {
	flex-direction: column;
	max-width: 800px;
	background-color:#dff;
	border:1px solid lightblue;
	margin: 20px auto 0px auto;
	padding:0 20px 0 20px;
	justify-content: left;
	font-family:sans-serif;
	font-size:1.2em;
}

#info img {
	display:inline-block;
	margin: -20px auto 0 auto;
	width:100%;
	max-width: 640px;
}
@media screen and (orientation:portrait) {
	canvas {
		width:800px;
	}
}