* { /* reset */
	padding:0;
	margin:0;
	box-sizing:border-box;
}
.no_select {
	-webkit-user-select: none; /* Safari */
	user-select: none; /* Standard syntax */
}
.no_drag {
	user-drag: none; /* Standard syntax */
	-webkit-user-drag: none; /* Safari and Chrome */
}
body {
  background-color: rgb(100,100,255);
}
#main {
  width:1200px; height:900px;
  background-color: lightblue;
  position: relative;
  margin:0 auto;
  border:1px solid gold;
}
#outline, #canvas, #glow, #box1, #box2, #smiley, #smileyW, #back_home {
  left:0; top:0;
  position: absolute;
  width:100%; height:100%;
}
#glow {
  display:none;
}
#box1, #box2 {
  top:2%;
  padding:.4% 0;
  width:30%; height:auto;
  border: .8vmin groove gold;
  background-color: beige;
  color:brown;
  text-align: center;
  font-size: 40px;
  font-family: sans-serif;
}
#box1 {
  cursor: pointer;
}
#box1 {
  left:68%;
}
#box2 {
  left:2%;
}
#title {
	left:45%; top:3.5%;
  position: absolute;
	width:10%; height:auto;
	cursor: pointer;
}
#back_home {
  left:69%; top:91%;
  width:28%; height:8%;
	display:flex;
	justify-content: space-between;
}
#back_home img {
  height:90%; width:auto;
	cursor: pointer;
}
#smiley, #smileyW {
  display:none;
  justify-content: center;
  align-items: center;
}
#smiley img, #smileyW img {
  width:40%; height:auto;
}
#info	{
	left:17%; top:30%;
	position: absolute;
	display:block;
	justify-content:center;
	align-items: center;
	display:none;
	border: 1vmin groove gold;
	text-align: center;
	background-color: beige;
	padding: 2% 3% 2.5% 2.8%;
	font-size:24px;
	font-family: sans-serif;
	color:brown;
}