.ui{
	position: fixed;
	z-index: 10;
}

.ui.set-color{
	top: 10px;
	right: 10px;
}

.ui-body{
	margin: 5px;
	padding: 5px;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
}

.set-color .ui-body{
	margin: 5px;
	width: 64px;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
}

.ui-title{
	text-align: center;
	color: #fff;
}

.button{
	min-width: 32px;
	min-height: 24px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	cursor: pointer;
}

.yellow{ background-color: yellow; }.green{ background-color: green; }.black{ background-color: black; }.white{ background-color: white; }.red{ background-color: red; }.blue{ background-color: blue; }.pink{ background-color: pink; }.red{ background-color: red; }

.ui.set-name{
	top: 10px;
	margin: 0 auto;
	max-width: 300px;
}