1  .h2 {
 2      font-size: 1.5em;
 3      color: rgb(0, 32, 96);
 4      text-align: center;
 5  }
 6  
 7  .logo {
 8      width: auto;
 9      height: 2.5rem;
10      margin-bottom: 1rem;
11      justify-content: center;
12      margin: auto;
13  }
14  
15  .title {
16      font-size: 1.875rem;
17      font-weight: 800;
18      color: #333;
19  }
20  
21  
22  .form {
23      background-color: #fff;
24      border-radius: 0.375rem;
25      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
26      padding: 1rem;
27  }
28  
29  
30  .label {
31      font-size: 0.875rem;
32      font-weight: 500;
33      color: #333;
34  }
35  
36  .input {
37      width: 100%;
38      padding: 0.75rem;
39      border: 1px solid #d1d5db;
40      border-radius: 0.375rem;
41      font-size: 1rem;
42  }
43  
44  .fileuploadcontainer {
45      display: flex;
46      flex-direction: column;
47      align-items: center;
48  }
49  
50  .fileuploadlabel {
51      display: flex;
52      align-items: center;
53      gap: 0.5rem;
54      cursor: pointer;
55  }
56  
57  .uploadicon {
58      width: 1.5rem;
59      height: 1.5rem;
60      fill: #fff;
61      stroke: #4c51bf;
62  }
63  
64  .text {
65      color: #333;
66  }
67  
68  .imagepreview {
69      width: 4em;
70      height: 4em;
71      border-radius: 50%;
72      object-fit: cover;
73      margin-top: .5em;
74  }
75  
76  .submitbutton {
77      width: 100%;
78      padding: .75em;
79      background-color: #3182ce;
80      border: 1px solid transparent;
81      border-radius: .375em;
82      font-size: 1em;
83      font-weight: bold;
84      color: #fff;
85      cursor: pointer;
86      transition: background-color .3s ease;
87  
88  }
89  
90  .submit-button:hover {
91      background-color: #2c5282
92  }
93  
94  .container {
95     padding: 4px;
96  }