/* binair style sheet  */
:root {
    --breedte: 7vmin;
    --cijfers: 5vmin;
}

body {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    color: #0C3E06;
    height: 100%;
	background-color: #e9ecef;
    overflow-x: hidden;
    overflow-y: auto;
	padding: 8px;
	padding-top: 100px;
}

h1, .h1 {color: #0C3E06;font-size: 2.5rem;}
h2, .h2 {color: #0C3E06;font-size: 2rem;}
h3, .h3 {color: #0C3E06;font-size: 1.75rem;}
h4, .h4 {color: #0C3E06;font-size: 1.5rem;}
h5, .h5 {color: #0C3E06;font-size: 1.25rem;}
h6, .h6 {color: #0C3E06;font-size: 1rem;font-weight: bold}

@media (max-width: 700px) { /* change default font size 576px */
:root {
    --breedte: 9.5vmin;
    --cijfers: 7vmin;
}
    body {
        font-size: 11px;
    }
    .alert {
        font-size: 14px;
    }
}
.cell {
	width: var(--breedte);
	height: var(--breedte);
	display: flex;
	justify-content: center;
	align-items: center; 
	font-size: var(--cijfers);
	background: #e6ffff;
	color: blue;
}

.cell.fixed {
	color: black;
    font-weight: 500;
}
.bgkleur {
	background: #a6ffff;
}
#bUndo {
  touch-action: manipulation;
}