:root {
	--text: #ddfafa;
	--background: #052122;
	--primary: #83e8ef;
	--secondary: #151494;
	--accent: #6c1ee1;
}
body {
	background-color: var(--background);
	color: var(--text);
	font-family: Consolas;
}
a {
    color: var(--primary);
    text-decoration: none;
    transition: text-decoration .2s, color .2s;
}
a:hover {
    color: var(--accent);
    text-decoration: underline;
}
div#bincanvas {
	font-size: 1.5em;
	overflow-wrap: anywhere;
}
#bincanvas > div {
	display: inline-grid;
}
#bincanvas > div > span {
	transition: color 1s 1s, background-color 1s 1s;
	grid-column: 1;
	grid-row: 1;
}
#bincanvas > div:hover > span:nth-child(1) {
	transition: color .2s, background-color .2s;
	color: transparent;
}
#bincanvas > div > span:nth-child(2) {
	background-color: transparent;
	color: transparent;
}
#bincanvas > div:hover > span:nth-child(2) {
	transition: color .2s, background-color .2s;
	background-color: var(--background);
	color: var(--primary);
}