/* margins from dilalica.com: calc(3vmin + 0.5rem) */

/* reset */

* { margin: 0; padding: 0; }
a { text-decoration: none; color: inherit; }
input, button, label {
    font-family: inherit;
    font-size: inherit;
    background-color: inherit;
    border: none;
    padding: inherit;
}
button, input[type="submit"] { cursor: pointer; }
html {
  box-sizing: border-box;

}

/* globals */

html {
    /* font: Normal 400 calc(1.2vmin + 14px)/1.7 'Ping', verdana, arial, sans-serif; */
    font: Normal 400 calc(.1vmin + 16px)/1.2 'Ping', verdana, arial, sans-serif;
}


/* draw & view */

.draw body, .view body {
    line-height: 0;
}

.view canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    height: 100vh;
    width: 100vw;
}

.view menu {
    background-color: rgba(255,255,255,0);
    position: fixed;
    top: 1em;
    right: 1em;
    z-index: 1;
}