37 lines
686 B
SCSS
37 lines
686 B
SCSS
html,
|
|
body,
|
|
canvas {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
body {
|
|
position: relative;
|
|
margin: 0;
|
|
|
|
#overlay {
|
|
font-family: Helvetica, Arial, sans-serif;
|
|
font-size: 1em;
|
|
margin: 0.75em 1em;
|
|
user-select: none;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
right: 0;
|
|
$outline-width: 0.5px;
|
|
text-shadow: -$outline-width -$outline-width 0 #000,
|
|
$outline-width -$outline-width 0 #000,
|
|
-$outline-width $outline-width 0 #000,
|
|
$outline-width $outline-width 0 #000;
|
|
color: white;
|
|
white-space: pre;
|
|
|
|
@media (max-width: 800px) {
|
|
font-size: 0.75em;
|
|
}
|
|
}
|
|
|
|
canvas#main {
|
|
width: 100%;
|
|
background-color: hotpink;
|
|
}
|
|
}
|