Skip to content

Commit 55e269e

Browse files
author
ElaMoscicka
authored
added spacing
1 parent cb84f74 commit 55e269e

1 file changed

Lines changed: 21 additions & 23 deletions

File tree

23 - Speech Synthesis/style.css

Lines changed: 21 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,8 @@ body {
1111
margin: 0;
1212
padding: 0;
1313
font-family: sans-serif;
14-
background-color:#3BC1AC;
15-
display:flex;
14+
background-color: #3BC1AC;
15+
display: flex;
1616
min-height: 100vh;
1717
align-items: center;
1818

@@ -25,31 +25,29 @@ body {
2525
background-size:100px 50px;
2626
}
2727

28-
2928
.voiceinator {
30-
padding:2rem;
31-
width:50rem;
32-
margin:0 auto;
33-
border-radius:1rem;
29+
padding: 2rem;
30+
width: 50rem;
31+
margin: 0 auto;
32+
border-radius: 1rem;
3433
position: relative;
35-
background:white;
34+
background: white;
3635
overflow: hidden;
3736
z-index: 1;
38-
box-shadow:0 0 5px 5px rgba(0,0,0,0.1);
37+
box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
3938
}
4039

4140
h1 {
42-
width:calc(100% + 4rem);
41+
width: calc(100% + 4rem);
4342
margin: -2rem 0 2rem -2rem;
44-
padding:.5rem;
43+
padding: .5rem;
4544
background: #ffc600;
4645
border-bottom: 5px solid #F3C010;
4746
text-align: center;
4847
font-size: 5rem;
4948
font-weight: 100;
5049
font-family: 'Pacifico', cursive;
51-
text-shadow:3px 3px 0 #F3C010;
52-
50+
text-shadow: 3px 3px 0 #F3C010;
5351
}
5452

5553
.voiceinator input,
@@ -58,12 +56,12 @@ h1 {
5856
.voiceinator textarea {
5957
width: 100%;
6058
display: block;
61-
margin:10px 0;
62-
padding:10px;
63-
border:0;
59+
margin: 10px 0;
60+
padding: 10px;
61+
border: 0;
6462
font-size: 2rem;
65-
background:#F7F7F7;
66-
outline:0;
63+
background: #F7F7F7;
64+
outline: 0;
6765
}
6866

6967
textarea {
@@ -75,20 +73,20 @@ input[type="select"] {
7573
}
7674

7775
.voiceinator button {
78-
background:#ffc600;
79-
border:0;
76+
background: #ffc600;
77+
border: 0;
8078
width: 49%;
81-
float:left;
79+
float: left;
8280
font-family: 'Pacifico', cursive;
8381
margin-bottom: 0;
8482
font-size: 2rem;
8583
border-bottom: 5px solid #F3C010;
86-
cursor:pointer;
84+
cursor: pointer;
8785
position: relative;
8886
}
8987

9088
.voiceinator button:active {
91-
top:2px;
89+
top: 2px;
9290
}
9391

9492
.voiceinator button:nth-of-type(1) {

0 commit comments

Comments
 (0)