1.form {
2  display: flex;
3  flex-direction: column;
4  gap: 10px;
5  padding-left: 2em;
6  padding-right: 2em;
7  padding-bottom: 0.4em;
8  background-color: #171717;
9  border-radius: 25px;
10  transition: .4s ease-in-out;
11}
12
13.form:hover {
14  transform: scale(1.05);
15  border: 1px solid black;
16}
17
18#heading {
19  text-align: center;
20  margin: 2em;
21  color: rgb(255, 255, 255);
22  font-size: 1.2em;
23}
24
25.field {
26  display: flex;
27  align-items: center;
28  justify-content: center;
29  gap: 0.5em;
30  border-radius: 25px;
31  padding: 0.6em;
32  border: none;
33  outline: none;
34  color: white;
35  background-color: #171717;
36  box-shadow: inset 2px 5px 10px rgb(5, 5, 5);
37}
38
39.input-icon {
40  height: 1.3em;
41  width: 1.3em;
42  fill: white;
43}
44
45.input-field {
46  background: none;
47  border: none;
48  outline: none;
49  width: 100%;
50  color: #d3d3d3;
51}
52
53.form .btn {
54  display: flex;
55  justify-content: center;
56  flex-direction: row;
57  margin-top: 2.5em;
58}
59
60.button1 {
61  padding: 0.5em;
62  padding-left: 1.1em;
63  padding-right: 1.1em;
64  border-radius: 5px;
65  margin-right: 0.5em;
66  border: none;
67  outline: none;
68  transition: .4s ease-in-out;
69  background-color: #252525;
70  color: white;
71}
72
73.button1:hover {
74  background-color: black;
75  color: white;
76}
77
78.button2 {
79  padding: 0.5em;
80  padding-left: 2.3em;
81  padding-right: 2.3em;
82  border-radius: 5px;
83  border: none;
84  outline: none;
85  transition: .4s ease-in-out;
86  background-color: #252525;
87  color: white;
88}
89
90.button2:hover {
91  background-color: black;
92  color: white;
93}
94
95.button3 {
96  margin-bottom: 3em;
97  padding: 0.5em;
98  border-radius: 5px;
99  border: none;
100  outline: none;
101  transition: .4s ease-in-out;
102  background-color: #252525;
103  color: white;
104}
105
106.button3:hover {
107  background-color: red;
108  color: white;
109}