make elements bigger
This commit is contained in:
parent
d6e8773797
commit
762ec2a664
1 changed files with 6 additions and 8 deletions
14
src/App.css
14
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);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue