diff --git a/static/css/base.scss b/static/css/base.scss index a54555c..3c60879 100644 --- a/static/css/base.scss +++ b/static/css/base.scss @@ -31,7 +31,7 @@ body { "YTLC" 500; } -h1, h2, h3, h4, h5, h6, p, span { +h1, h2, h3, h4, h5, h6, p, span, input, textarea { margin: 0; color: white; } diff --git a/static/css/form.scss b/static/css/form.scss new file mode 100644 index 0000000..0f7156c --- /dev/null +++ b/static/css/form.scss @@ -0,0 +1,27 @@ +form { + display: flex; + flex-flow: column nowrap; + align-items: center; + justify-content: center; + gap: 16px; + padding: 32px; + background: #00000090; + border-radius: 16px; + backdrop-filter: blur(28px); + + max-width: 350px; + width: calc(20dvw + 150px); +} + +button[type=submit] { + background: white; +} + +input[type=text], +input[type=password] { + padding: 0.8em 1.5em; + background: #333; + border-radius: 8px; + border: none; + width: calc(100% - 3em); +}