From cb9d1193c37b7567dcad5497330169d43ab1e8a2 Mon Sep 17 00:00:00 2001 From: Freya Murphy Date: Mon, 27 May 2024 00:29:36 -0400 Subject: initial --- src/public/bg.jpg | Bin 0 -> 425136 bytes src/public/main.css | 70 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 70 insertions(+) create mode 100644 src/public/bg.jpg create mode 100644 src/public/main.css (limited to 'src/public') diff --git a/src/public/bg.jpg b/src/public/bg.jpg new file mode 100644 index 0000000..98ef823 Binary files /dev/null and b/src/public/bg.jpg differ diff --git a/src/public/main.css b/src/public/main.css new file mode 100644 index 0000000..058a49e --- /dev/null +++ b/src/public/main.css @@ -0,0 +1,70 @@ + +:root { + --blue: rgb(0, 102, 204); +} + +* { + box-sizing: border-box; +} + +html, body { + height: 100%; + padding: 0; + margin: 0; +} + +body { + display: flex; + justify-content: center; + background: #898989; + background-image: url('./bg.jpg'); + background-size: 100%; + background-position: 50% 50%; + color: #fff; + font-family: "Open Sans", Helvetica, Arial, sans-serif; + font-weight: 100; + font-size: 12px; +} + +main { + margin-top: 20vh; + height: fit-content; + width: 400px; + background: #fff; + color: #000; +} + +main .heading { + border-top: 5px solid var(--blue); + font-size: 1.5rem; + text-align: center; + padding: 10px; +} + +main .content { + padding: 10px; +} + +main .content, form { + display: flex; + flex-direction: column; +} + +main label, +main #submit { + margin-top: 10px; +} + +main input { + border: 1px solid #ddd; + outline: none; + padding: 7px; + font-size: 14px; + border-bottom-color: black; +} + +main #submit { + background: var(--blue); + color: white; + cursor: pointer; +} -- cgit v1.2.3-freya