1.form {
2  display: flex;
3  align-items: center;
4  justify-content: center;
5  flex-direction: column;
6  position: relative;
7  width: 400px;
8  padding: 50px;
9  height: 500px;
10  background-color: rgb(0, 0, 0);
11  border-radius: 10px;
12}
13
14.inputContainer {
15  background-color: rgba(255, 0, 0, 0);
16  position: relative;
17  width: 100%;
18  height: 50px;
19}
20
21.fInput {
22  width: 100%;
23  height: 50px;
24  border-radius: 3px;
25  border: 1px solid rgb(48, 45, 45);
26  background-color: black;
27  padding: 10px;
28  color: white;
29  transition: .1s;
30  position: absolute;
31}
32
33.fInput:focus {
34  border: 1px rgb(0, 136, 255) solid;
35  outline: none;
36}
37
38.fInput:focus::placeholder {
39  color: rgb(0, 136, 255);
40}
41
42.fInput.email {
43  z-index: 1;
44}
45
46.fInput.pass:focus {
47  z-index: 2;
48}
49
50.submit {
51  width: 100%;
52  top: 60px;
53  padding: 7px 0;
54  border-radius: 20px;
55  cursor: pointer;
56  transition: .3s;
57  position: absolute;
58}
59
60.submit:focus + .email {
61  display: none;
62}
63
64.login {
65  width: 100%;
66  color: white;
67  font-family: sans-serif;
68  font-weight: 700;
69  font-size: 20px;
70  padding: 30px 0;
71  position: absolute;
72  top: 90px;
73  left: 55px
74}
75
76.submit:hover {
77  opacity: .9;
78}
79
80.forget {
81  width: 100%;
82  background-color: transparent;
83  color: white;
84  border: 1PX solid rgba(255, 255, 255, 0.151);
85  margin-top: 15px;
86  padding: 7px 0;
87  border-radius: 20px;
88  cursor: pointer;
89  transition: .3s;
90  margin-top: 50px;
91}
92
93.forget:hover {
94  background-color: rgba(255, 255, 255, 0.151);
95}
96
97.con {
98  display: flex;
99  justify-content: flex-start;
100  width: 100%;
101  margin-top: 30px;
102  color: rgb(111, 103, 103);
103  font-size: 13px;
104  font-family: sans-serif;
105  background-color: rgba(255, 0, 0, 0);
106}
107
108.con a {
109  color: rgb(0, 136, 255);
110}