body {
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	height: 100%;
	width:100%;
	margin:0;
	padding:0;
	position: fixed;
	overflow: hidden;
	background:#c6d2cc;
}
#canvas{
	z-index:1; 
	position:absolute;
	top:48px;
	height: calc(100% - 48px);

}
#topbar{
	width:100%;
	height:48px;
	left:0px;
	top:0;
	position:absolute;
	display:block;
	background-color: #9bb0a6;
}

.icon_set{
	height:48px;
	right:0px;
	top:0px;
	position:absolute;
	display:flex;
	margin:4px;
}
.icon_button{  
	background-color: rgb(255, 143, 51);
    color: white;
    display: flex;
    height: 32px;
    width: 32px;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
	float: right; 
	min-width: 32px;
	z-index:50;
	margin:4px;
}
#title{
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:10;
	font-size:24px;
	font-weight:600;
	
}