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

92
css/main.css
View file

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