div {
	border: 0.3vw solid #000;
	text-align: center;
	font-size: 4.3vw;
	color: #999;
	background-image: linear-gradient(to bottom, #888, #222);
	vertical-align: middle;
	line-height: 6vw;
	font-family: sans-serif;
}

div.sq0 {
	font-size: 2.8vw;
	color: #fff;
	background-image: linear-gradient(to bottom, #c02, #ec0);
	font-family: monospace;
	flex: 10;
}
div.sq1 {
	font-size: 2.8vw;
	color: #fff;
	background-image: linear-gradient(to bottom, #ec0, #2b0);
	font-family: monospace;
	flex: 10;
}
div.sq2 {
	font-size: 2.8vw;
	color: #fff;
	background-image: linear-gradient(to bottom, #2b0, #094, #07a);
	font-family: monospace;
	flex: 10;
}
div.sq3 {
	font-size: 2.8vw;
	color: #fff;
	background-image: linear-gradient(to bottom, #07a, #23c, #41b, #60a);
	font-family: monospace;
	flex: 10;
}

div.bksl {
	font-size: 2.8vw;
	color: #fff;
	background-image: linear-gradient(to bottom, #ec0, #2b0);
	font-family: monospace;
	flex: 14;
}

div.ctrl {
	font-size: 2vw;
	flex: 14;
}

div.alt {
	font-size: 2vw;
	flex: 12;
}

div.mod {
	font-size: 3.3vw;
	flex: 12;
}

div.menu {
	font-size: 2.8vw;
	flex: 12;
}

div.space {
	flex: 60;
}

div.lshift {
	flex: 12;
}

div.rshift {
	flex: 26;
}

div.ret {
	flex: 21;
}

div.tab {
	flex: 14;
}

div.caps {
	flex: 17;
}

div.back {
	flex: 18;
}

div.flex {
	display: flex;
	width: 100%;
	border: 0px;
}

span.up {
	color: #000;
}