1.form {
2  display: flex;
3  flex-direction: column;
4  gap: 10px;
5  width: 300px;
6  background-color: #fff;
7  border-radius: 20px;
8  padding: 30px 20px;
9  box-shadow: 100px 100px 80px rgba(0, 0, 0, 0.03)
10}
11
12.title {
13  color: black;
14  font-weight: bold;
15  text-align: center;
16  font-size: 20px;
17  margin-bottom: 4px;
18}
19
20.sub {
21  text-align: center;
22  color: black;
23  font-size: 14px;
24  width: 100%;
25}
26
27.sub.mb {
28  margin-bottom: 1px;
29}
30
31.sub a {
32  color: rgb(23, 111, 211);
33}
34
35.avatar {
36  height: 50px;
37  width: 50px;
38  background-color: rgb(23, 111, 211);
39  border-radius: 50%;
40  align-self: center;
41  padding: 6px;
42  cursor: pointer;
43  box-shadow: 12.5px 12.5px 10px rgba(0, 0, 0, 0.015),100px 100px 80px rgba(0, 0, 0, 0.03);
44}
45
46.form button {
47  align-self: flex-end;
48}
49
50.input, button {
51  border: none;
52  outline: none;
53  width: 100%;
54  padding: 16px 10px;
55  background-color: rgb(247, 243, 243);
56  border-radius: 10px;
57  box-shadow: 12.5px 12.5px 10px rgba(0, 0, 0, 0.015),100px 100px 80px rgba(0, 0, 0, 0.03);
58}
59
60button {
61  margin-top: 12px;
62  background-color: rgb(23, 111, 211);
63  color: #fff;
64  text-transform: uppercase;
65  font-weight: bold;
66}
67
68.input:focus {
69  border: 1px solid rgb(23, 111, 211);
70}
71
72#file {
73  display: none;
74}