Form by Yaya12085

1.form {
2  display: flex;
3  align-items: center;
4  flex-direction: column;
5  justify-content: space-around;
6  width: 300px;
7  background-color: white;
8  border-radius: 12px;
9  padding: 20px;
10}
11
12.title {
13  font-size: 20px;
14  font-weight: bold;
15  color: black
16}
17
18.message {
19  color: #a3a3a3;
20  font-size: 14px;
21  margin-top: 4px;
22  text-align: center
23}
24
25.inputs {
26  margin-top: 10px
27}
28
29.inputs input {
30  width: 32px;
31  height: 32px;
32  text-align: center;
33  border: none;
34  border-bottom: 1.5px solid #d2d2d2;
35  margin: 0 10px;
36}
37
38.inputs input:focus {
39  border-bottom: 1.5px solid royalblue;
40  outline: none;
41}
42
43.action {
44  margin-top: 24px;
45  padding: 12px 16px;
46  border-radius: 8px;
47  border: none;
48  background-color: royalblue;
49  color: white;
50  cursor: pointer;
51  align-self: end;
52}