|
1 | | -body{ |
2 | | - background-image:url("https://img.freepik.com/free-vector/vibrant-pink-watercolor-painting-background_53876-58930.jpg?size=626&ext=jpg&ga=GA1.2.95654955.1616259721"); |
3 | | - background-size:cover; |
4 | | - background-repeat: no-repeat; |
5 | | - text-align:center; |
6 | | -} |
7 | | -body{ |
8 | | - box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); |
9 | | - |
10 | | - |
11 | | - border: 1px solid rgba( 254, 254, 254, 0.18 ); |
12 | | - width:50%; |
13 | | - position:absolute; |
14 | | - margin-top:180px; |
15 | | - margin-left:370px; |
16 | | - align-items:center; |
17 | | -} |
18 | | -.heading{ |
19 | | - text-align:center; |
20 | | - font-family:"Brush Script MT", serif; |
21 | | - font-size: 22px; |
22 | | - |
23 | | -} |
24 | | -.mssg{ |
25 | | - margin-left: 100px; |
26 | | - margin-bottom:30px; |
27 | | - font-family:"Brush Script MT", cursive; |
28 | | - font-size: 20px; |
29 | | -} |
30 | | -input{ |
31 | | - |
32 | | - border: 1px solid black; |
33 | | - padding: 5px 100px; |
34 | | -} |
35 | | -button{ |
36 | | - border-radius: 50px; |
37 | | -} |
38 | | -.btn{ |
39 | | - position:relative; |
40 | | - left:28%; |
41 | | - margin-bottom:20px; |
42 | | - margin-top:20px; |
43 | | -} |
44 | | -button:hover{ |
45 | | - background-color:rgb(23, 205, 231); |
46 | | -} |
47 | | -#smart-button-container input:hover{ |
48 | | - background-color: #ebd4e7; |
49 | | -} |
| 1 | +body { |
| 2 | + background-image: url("https://img.freepik.com/free-vector/vibrant-pink-watercolor-painting-background_53876-58930.jpg?size=626&ext=jpg&ga=GA1.2.95654955.1616259721"); |
| 3 | + background-size: cover; |
| 4 | + background-repeat: no-repeat; |
| 5 | + text-align: center; |
| 6 | +} |
| 7 | +body { |
| 8 | + box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); |
| 9 | + |
| 10 | + border: 1px solid rgba(254, 254, 254, 0.18); |
| 11 | + width: 50%; |
| 12 | + position: absolute; |
| 13 | + margin-top: 180px; |
| 14 | + margin-left: 370px; |
| 15 | + align-items: center; |
| 16 | +} |
| 17 | +.heading { |
| 18 | + text-align: center; |
| 19 | + font-family: "Brush Script MT", serif; |
| 20 | + font-size: 22px; |
| 21 | +} |
| 22 | +.mssg { |
| 23 | + margin-left: 100px; |
| 24 | + margin-bottom: 30px; |
| 25 | + font-family: "Brush Script MT", cursive; |
| 26 | + font-size: 20px; |
| 27 | +} |
| 28 | +input { |
| 29 | + border: 1px solid black; |
| 30 | + padding: 5px 100px; |
| 31 | +} |
| 32 | +button { |
| 33 | + border-radius: 50px; |
| 34 | +} |
| 35 | +.btn { |
| 36 | + position: relative; |
| 37 | + left: 28%; |
| 38 | + margin-bottom: 20px; |
| 39 | + margin-top: 20px; |
| 40 | +} |
| 41 | +button:hover { |
| 42 | + background-color: rgb(23, 205, 231); |
| 43 | +} |
| 44 | +#smart-button-container input:hover { |
| 45 | + background-color: #ebd4e7; |
| 46 | +} |
| 47 | + |
0 commit comments