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