13 lines
1.1 KiB
CSS
13 lines
1.1 KiB
CSS
:root { color-scheme: light dark; font-family: system-ui, sans-serif; line-height: 1.5; }
|
|
body { margin: 0; background: #eef2f7; color: #172033; }
|
|
main { width: min(32rem, calc(100% - 2rem)); margin: 8vh auto; padding: 2rem; background: white; border-radius: .75rem; box-shadow: 0 .5rem 2rem #17203318; }
|
|
header { display: flex; justify-content: space-between; align-items: center; padding: 1rem 2rem; background: white; }
|
|
form { display: grid; gap: 1rem; }
|
|
header form { display: block; }
|
|
label { display: grid; gap: .35rem; font-weight: 600; }
|
|
input, textarea, button { box-sizing: border-box; padding: .7rem; font: inherit; border: 1px solid #8a94a6; border-radius: .35rem; }
|
|
.warning { padding: .75rem; border-left: .25rem solid #b54708; background: #fffaeb; color: #7a2e0e; }
|
|
button { border: 0; background: #3157d5; color: white; font-weight: 700; cursor: pointer; }
|
|
.error { padding: .75rem; border-left: .25rem solid #b42318; background: #fee4e2; color: #7a271a; }
|
|
@media (prefers-color-scheme: dark) { body { background: #111827; color: #e5e7eb; } main, header { background: #1f2937; } input { background: #111827; color: #e5e7eb; } }
|