diff --git a/xray.css b/xray.css index a251a90..3bd03be 100644 --- a/xray.css +++ b/xray.css @@ -5,8 +5,15 @@ html, body { margin: 0; display: flex; flex-direction: column; + background: #111; + color: #ddd; } +input, +button { + background: #111; + color: #ddd; +} canvas { position: absolute; } @@ -35,12 +42,19 @@ img { #menu.start { flex-direction: column; + min-width: 100vw; + min-height: 100vh; + justify-content: center; +} + +#menu.start input { + font-size: 24pt; } -#menu.start input, -#menu.start button, -#menu.start label { - font-size: 36pt; +#menu.start label, +#menu.start button { + font-size: 48pt; + margin: 16pt; } #menu.start input { @@ -68,6 +82,11 @@ img { max-width: 72pt; } +.large > input[type=checkbox] { + width: 1em; + height: 1em; +} + #fill-div { position: relative; flex: 1 0; diff --git a/xray.html b/xray.html index 5774d0c..12c6526 100644 --- a/xray.html +++ b/xray.html @@ -14,14 +14,10 @@