File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 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
4140h1 {
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 ,
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
6967textarea {
@@ -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 ) {
You can’t perform that action at this time.
0 commit comments