1.main {
2  position: relative;
3  max-height: 200px;
4}
5
6.input {
7  max-width: 190px;
8  border: none;
9  border-bottom: solid gray 1px;
10  background: transparent;
11  outline: none;
12  padding: 10px;
13  transition: 0.2s;
14  color: #e8e8e8;
15  font-size: 17px;
16}
17
18.input:focus , .input:valid {
19  border-color: lightblue;
20}
21
22label span {
23  position: absolute;
24  top: 0px;
25  display: block;
26  transition: 0.2s;
27  pointer-events: none;
28  font-size: 25px;
29  color: gray;
30  opacity: 0%;
31}
32
33.input:focus + label span ,.input:valid + label span {
34  color: lightblue;
35  top: -25px;
36  opacity: 100%;
37}
38
39.input:focus + label p ,.input:valid + label p {
40  opacity: 0;
41}