Form by Piyush831

1.form {
2  display: flex;
3  flex-direction: column;
4  gap: 10px;
5  background: linear-gradient(to right ,rgb(248, 234, 32),rgb(39, 40, 46));
6  padding: 40px;
7  border-radius: 10px;
8}
9
10.login {
11  font-size: 25px;
12  font-weight: bold;
13  text-align: center;
14  margin-bottom: 20px;
15}
16
17.flex {
18  display: flex;
19  flex-direction: column;
20}
21
22.form button {
23  margin-top: 25px;
24  margin-bottom: 6px;
25  border-radius: 10px;
26  border: none;
27  padding-top: 4px;
28  padding-bottom: 4px;
29  font-size: 19px;
30  font-weight: bold;
31  color: grey;
32}
33
34.form label {
35  margin-top: 20px;
36  margin-bottom: 5px;
37}
38
39.form button:hover {
40  box-shadow: 2px 2px 12px white;
41}
42
43.input {
44  height: 30px;
45  outline: none;
46  padding: 15px;
47  border-radius: 10px;
48  border: none;
49  font-weight: bold;
50  font-size: 15px;
51  box-shadow: 2px 2px 12px inset black;
52  background: linear-gradient(to right ,rgb(248, 234, 32),rgb(39, 40, 46));
53}
54
55.span:hover {
56  font-weight: bold;
57}
58
59.color {
60  color: white;
61}
62
63.align {
64  text-align: center;
65}
66