body{
	display:grid;
	grid-template-columns:225px 1fr;
	grid-template-rows:1fr;
	grid-template-areas:
		"tools" "canvas";
	background-color:#EFEFEF;
	
	font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif';
	
	font-size:16px;
	
	color:#fff;
	padding:0px;
	margin:0px;
	
}

fieldset{
	margin-bottom:20px;
}

legend{
	font-size:13px;
}

label{
	font-size:14px;
	display:block;
}

input, select{
	margin-bottom:10px;
}

.spTxt{
	width:15px;
	margin-left:5px;
}

nav{
	display:grid;
	align-items:start;
	box-sizing:border-box;
	background:#464f78;
	padding:10px;
	height:100vh;
}

main{
	position:relative;
	display:grid;
	grid-template-areas:
		"canvas";
	
	align-items:center;
	justify-items:center;
	
	height:60%;
	width:60%;
	
	background:#FFFFFF;
	border:#D1D1D1 solid 1px;
	align-self:center;
	justify-self:center;
	overflow:hidden;
	
	color:#4A4A4A;
}

#replay{
	display:grid;
	align-items:center;
	justify-items:center;
	position:absolute;
	color:#fff;
	right:0px;
	top:0px;
	background-color:rgba(0,0,0,.5);
	width:35px;
	height:35px;
	
	cursor:pointer;
	
	z-index:10;
}

#shareLinkTxt{
	opacity:0;
}

button{
	padding:6px;
	background:#568CD7;
	font-size:16px;
	color:#fff;
	margin-left:auto;
	margin-right:auto;
}

button:hover{
	background:#000;
}

.centerMe{
	text-align:center;
}

.no-display{
	display:none;
}

.aObj{
	grid-area:canvas;
	width:50%;
	height:50%;
	background-color:#4A4A4A;
}

.full{
	width:100%;
	height:100%;
}

.aTxt{
	display:grid;
	grid-template-columns:1fr;
	grid-template-rows:1fr;
	align-items:center;
	justify-items:center;
	grid-area:canvas;
	font-size:50px;
	text-align:center;
}

.img{
	background-image:url("https://source.unsplash.com/featured/?travel");
	
	background-size:cover;
}

/* forms */

#controls{
	margin-top:20px;
}