* {
box-sizing: border-box;
}
html, body {
background-color: #333;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}
ins {
text-decoration: none;
}
.unselectable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.app {
display: flex;
align-items: center;
height: 100%;
width: 100%;
.avocado-stage {
margin: auto;
outline: none;
transform: scale(1);
transform-origin: 0 0;
transition-property: transform;
transition-duration: 0.125s;
canvas {
image-rendering: pixelated;
}
}
}
.debug .ui {
background-image: url(/debug.png);
}
@font-face {
font-family: "joystix";
src:
url("/joystix-monospace.ttf") format("truetype")
;
}