body{margin:0; padding:0; font-family: 'Amatic SC', cursive; overflow:hidden; }
#loading-text{text-align: center; height: 40px; margin:auto; padding:0; position:absolute; top:0; bottom:0; left:0; right:0;  font-size: 36px; animation: blink 1.0s cubic-bezier(.5, 0, 1, 1) infinite alternate;}
@keyframes blink { to { opacity: 0; }}
.hidden {display: none;}
footer {display:inline-block; text-align: right; height: 40px; margin:auto; padding:8px 16px 0 0; position:absolute; bottom:0; right:0;  font-size: 24px; z-index:10;}
#svg-export {display:inline-block; text-align: right; height: 24px; margin:auto; padding:6px 16px 8px 16px; position:absolute; top:8px; right:8px;  font-size: 20px; z-index:10; border: solid 1px #000000; user-select: none; cursor:pointer;}
#svg-export:hover {background:#EEEEEE;}
#link {display:inline-block; text-align: left; height: 40px; margin:auto; position:absolute; bottom:0; left:0;  font-size: 24px; z-index:10;}
#link a {color: #888888; margin: 0 16px 0 16px;}
#link .active {color:#000000; margin: 0 16px 0 16px;}
.hidden {display: none;}
canvas {position:absolute; top:0; left:0; width: 100%; height:100%; }
a {color: #000000;}