respawn, better death message
This commit is contained in:
parent
e9885e3615
commit
4260eefafe
3 changed files with 18 additions and 26 deletions
23
index.css
23
index.css
|
@ -31,20 +31,6 @@ p {
|
|||
margin: 10px;
|
||||
}
|
||||
|
||||
|
||||
.message {
|
||||
position: relative;
|
||||
margin-bottom: -768px;
|
||||
bottom: 768px;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.message span {
|
||||
display: block;
|
||||
text-align: center;
|
||||
|
@ -59,7 +45,7 @@ p {
|
|||
padding: 10px;
|
||||
}
|
||||
|
||||
#canvas, .message {
|
||||
#canvas {
|
||||
width: 768px;
|
||||
height: 768px;
|
||||
/*image-rendering: pixelated;*/
|
||||
|
@ -71,13 +57,8 @@ section#main {
|
|||
}
|
||||
|
||||
@media (max-width: 1920px) {
|
||||
#canvas, .message {
|
||||
#canvas {
|
||||
width: min(512px, 90vw);
|
||||
height: min(512px, 90vw);
|
||||
}
|
||||
|
||||
.message {
|
||||
margin-bottom: min(512px, 90vw);
|
||||
bottom: min(512px, 90vw);
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue