From fe0b435d0c9ce27f331c623fb5bea5a5633154a9 Mon Sep 17 00:00:00 2001 From: Chewbaccalakis Date: Sun, 8 Mar 2026 14:55:10 -0700 Subject: [PATCH] wrong ai slop --- src/App.css | 124 ++++++++++++++++++++++++++-------------------------- 1 file changed, 62 insertions(+), 62 deletions(-) diff --git a/src/App.css b/src/App.css index ec222ed..a50e012 100644 --- a/src/App.css +++ b/src/App.css @@ -1,79 +1,79 @@ body { margin: 0; - font-family: system-ui, sans-serif; - background: linear-gradient(135deg, #ff9a9e, #fad0c4); + font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; + background: #f5f7fb; } -.container { +.page { min-height: 100vh; display: flex; flex-direction: column; - align-items: center; - justify-content: center; +} + +.header { text-align: center; - padding: 20px; + padding: 40px 20px 20px; } -h1 { - font-size: 2.5rem; - margin-bottom: 20px; +.header h1 { + margin: 0; + font-size: 2.8rem; } -.photos { - display: flex; - gap: 15px; - margin-bottom: 30px; +.tagline { + color: #666; + margin-top: 6px; } -.photo { - width: 120px; - height: 120px; - background: #fff; - border-radius: 12px; - display: flex; - align-items: center; - justify-content: center; - color: #999; - font-weight: bold; -} - -.buttons { - display: flex; - gap: 20px; -} - -button { - font-size: 1.2rem; - padding: 12px 24px; - border-radius: 999px; - border: none; - cursor: pointer; -} - -.yes { - background: #ff4d6d; - color: white; -} - -.no { - background: #ddd; -} - -.overlay { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - display: flex; - align-items: center; - justify-content: center; -} - -.popup { +.card { + margin: 40px auto; + padding: 40px; + max-width: 640px; background: white; - padding: 30px; - border-radius: 16px; + border-radius: 12px; + box-shadow: 0 10px 30px rgba(0,0,0,0.08); text-align: center; +} + +.seal { + font-size: 60px; + margin-bottom: 10px; +} + +.statement { + color: #444; + line-height: 1.5; +} + +.name { + font-size: 2rem; + margin: 20px 0 10px; +} + +.result { + margin: 0; +} + +.badge { + margin: 20px auto; + padding: 16px 24px; + font-weight: bold; + font-size: 1.3rem; + background: #ffef9f; + border-radius: 8px; + display: inline-block; + border: 2px solid #e2c200; +} + +.fineprint { + color: #777; + font-size: 0.9rem; +} + +.footer { + text-align: center; + margin-top: auto; + padding: 30px; + color: #888; + font-size: 0.9rem; } \ No newline at end of file