Make slightly responsive

This commit is contained in:
Andras Schmelczer 2022-09-27 10:34:46 +02:00
parent 4b3a0bec4a
commit 9d740b7dcf
No known key found for this signature in database
GPG key ID: 0EA1BC97D0AB076E

View file

@ -7,6 +7,12 @@ canvas,
overflow: hidden; overflow: hidden;
} }
@media (max-width: 1000px) {
html {
font-size: 0.6rem;
}
}
* { * {
border: 0; border: 0;
margin: 0; margin: 0;
@ -42,12 +48,12 @@ button {
.box, .box,
button { button {
width: 33%; width: 33%;
border-radius: 4vmin; border-radius: 32px;
} }
.box { .box {
min-width: 400px; min-width: 250px;
padding: 4vmin; padding: 2rem;
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
} }