andras/avoid
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Format and fix scaling

Browse source
This commit is contained in:
Andras Schmelczer 2022-09-26 17:28:08 +02:00
parent f40d182e88
commit 92d0669304
No known key found for this signature in database
GPG key ID: 0EA1BC97D0AB076E
1 changed files with 56 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

34
css/main.css
View file

@ -1,43 +1,63 @@
html, body, canvas,#menuBox { html,
body,
canvas,
#menuBox {
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
} }
* { * {
border: 0; border: 0;
margin: 0; margin: 0;
text-align: center; text-align: center;
color: white; color: white;
font: 400 8vmin "Raleway", cursive;
} }
canvas, button {
h1,
p,
button {
font: 400 5rem "Raleway", cursive;
}
canvas,
button {
cursor: crosshair; cursor: crosshair;
background-color: #a5402d; background-color: #a5402d;
} }
p, button {
font-size: 4vmin; p,
margin-top: 4vmin; button {
font-size: 1.8rem;
margin-top: 2rem;
} }
#menuBox { #menuBox {
position: absolute; position: absolute;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.box, button {
.box,
button {
width: 33%; width: 33%;
border-radius: 4vmin; border-radius: 4vmin;
} }
.box { .box {
min-width: 400px;
padding: 4vmin; padding: 4vmin;
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
} }
button { button {
width: 60%; width: 60%;
padding: 1vmin; padding: 1vmin;
cursor: pointer; cursor: pointer;
outline: none; outline: none;
} }
#endText { #endText {
display: none; display: none;
} }