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 {
|
.avatar {
|
||||||
position: absolute;
|
width: 256px;
|
||||||
top: -80px;
|
height: 256px;
|
||||||
left: 50%;
|
|
||||||
transform: translateX(-50%);
|
|
||||||
width: 128px;
|
|
||||||
height: 128px;
|
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
border: 4px solid white;
|
border: 4px solid white;
|
||||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
|
||||||
|
@ -54,7 +50,7 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.dialogue-text {
|
.dialogue-text {
|
||||||
font-size: 1.125rem;
|
font-size: 20pt;
|
||||||
color: #374151;
|
color: #374151;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
@ -66,9 +62,11 @@ body {
|
||||||
.control-button {
|
.control-button {
|
||||||
margin-top: 1.5rem;
|
margin-top: 1.5rem;
|
||||||
padding: 0.75rem 1.5rem;
|
padding: 0.75rem 1.5rem;
|
||||||
font-size: 1.125rem;
|
font-size: 22pt;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: white;
|
color: white;
|
||||||
|
width: 8cm;
|
||||||
|
height: 2cm;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 9999px;
|
border-radius: 9999px;
|
||||||
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1);
|
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1);
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue