html, body {
height: 100%;
padding: 0;
margin: 0;
background:#e0e0d9;
}
main {
display: flex;
flex-wrap:wrap;
}
main.single{
height:100%;
justify-content:center;
align-items:center;
}
nav{
position:fixed;
top:14px;
left:14px;
opacity:0;
transition:opacity .666s;
background:rgba(255,255,255,.6);
padding:12px;
font-size:13px;
font-family:sans-serif;
border-radius:4px;
}
nav select{
margin-right:14px;
}
nav input{
vertical-align:bottom;
width:100px;
}
nav span:before{ content:"("; }
nav span:after{ content:")"; }
nav.active{
opacity:1;
}
.cell{
margin:10px;
}
.cell .timestamp{
font:14px monospace;
text-align:center;
display:none;
}
.sketch{
pointer-events:none;
border:0;
}