div.controlArea{
    display: flex;
    justify-content: space-between;
}
a.back, a.home, a.next, a.but{
    border: 2px solid var(--gray);
    color: var(--dark);
    padding: 3px;
    margin: 3px;
    text-decoration: none;
}
a.back:hover, a.home:hover, a.next:hover, a.but:hover{
    color: var(--light);
    background-color: var(--secondary);
}
div, .container, .navbar-brand{
	background-color:var(--light); color:var(--dark);}
body{--light: black; --dark: white; color: var(--dark);}
pre{color: var(--dark);}
#chordarea canvas {filter: invert(180);}