diff --git a/src/App.css b/src/App.css index 58bfceb..166a1f7 100644 --- a/src/App.css +++ b/src/App.css @@ -30,12 +30,8 @@ body { } .avatar { - position: absolute; - top: -80px; - left: 50%; - transform: translateX(-50%); - width: 128px; - height: 128px; + width: 256px; + height: 256px; border-radius: 50%; border: 4px solid white; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); @@ -54,7 +50,7 @@ body { } .dialogue-text { - font-size: 1.125rem; + font-size: 20pt; color: #374151; margin-bottom: 1rem; } @@ -66,9 +62,11 @@ body { .control-button { margin-top: 1.5rem; padding: 0.75rem 1.5rem; - font-size: 1.125rem; + font-size: 22pt; font-weight: 700; color: white; + width: 8cm; + height: 2cm; border: none; border-radius: 9999px; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1);