Make slightly responsive
This commit is contained in:
parent
4b3a0bec4a
commit
9d740b7dcf
1 changed files with 9 additions and 3 deletions
12
css/main.css
12
css/main.css
|
|
@ -7,6 +7,12 @@ canvas,
|
|||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
html {
|
||||
font-size: 0.6rem;
|
||||
}
|
||||
}
|
||||
|
||||
* {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
|
|
@ -42,12 +48,12 @@ button {
|
|||
.box,
|
||||
button {
|
||||
width: 33%;
|
||||
border-radius: 4vmin;
|
||||
border-radius: 32px;
|
||||
}
|
||||
|
||||
.box {
|
||||
min-width: 400px;
|
||||
padding: 4vmin;
|
||||
min-width: 250px;
|
||||
padding: 2rem;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue