Theme redesign

This commit is contained in:
root 2023-03-25 13:09:39 +01:00
parent 56bde40f69
commit fbc85cf13c
1 changed files with 9 additions and 10 deletions

View File

@ -1,6 +1,5 @@
:root { :root {
--round: 20px; --round: 20px;
--border: 100px;
} }
@font-face { @font-face {
@ -20,20 +19,22 @@ body {
} }
#wrapper { #wrapper {
display: flex;
flex-direction: column;
align-items: center;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
display: flex;
align-items: center;
justify-content: center;
} }
#dropzone { #dropzone {
width: calc(100vw - var(--border));
height: calc(100vh - var(--border));
border-radius: var(--round);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 90vw;
height: 200px;
max-width: 500px;
margin-top: 50px;
border-radius: var(--round);
} }
.active { .active {
@ -47,9 +48,7 @@ body {
} }
#footer { #footer {
position: absolute; margin-top: 10px;
bottom: 15px;
right: 15px;
color: white; color: white;
font-size: .8em; font-size: .8em;
} }