WEBDEV/style.css at main · Haritha-ME/WEBDEV · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
body{
    margin:0;
    padding:0;
    font-family:montserrat;
    font-size:16px;
    background:rgba(131, 161, 46, 0.575);
    height:100vh;
    border-radius:15px;
}

.center{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    background: rgba(0, 0, 0, 0.479);
    border-radius:10px;

}
.center h1{
    text-align:center;
    color:white;
    border : 2px solid white;
}
.center form{
   padding:0 40px 20px;

}

form .textfield{
    position:relative;
    margin:30px 0 20px;
    color:rgb(15, 17, 8);
    border-bottom:2px solid white;
    background: none;
}
.textfield:hover{
  color:rgba(255, 0, 0, 0.219);
  border-bottom: 2px black;
  transition:0.5s;
}
.textfield input{
    background:none;
    border:none;
    width:100%;
    height:40px;
    font-size:16px;

}
.forpass a{
    color: rgba(212, 224, 200, 0.938);
    text-decoration: none;
    cursor:pointer;

}
.forpass a:hover{
    text-decoration: underline;
    color: white;
    transition:0.5s;
}
input[type="submit"] {
   margin:15px 15px 15px 0;
   width:100%;
   height: 40px;
   border-radius:25px;
   border-color:rgba(9, 51, 9, 0.438);
   background:silver;
   font-size:20px;
   font-weight:700;
   cursor:pointer;
}
input[type="submit"]:hover{
border:2px solid greenyellow;
background:greenyellow;
}
.signup{
  color: rgb(29, 26, 26);
  font-size:16px;
  text-align:center;
  padding: 10px 10px;
}
.signup a{
    color:rgb(14, 22, 36);
    text-decoration: none;
}
.signup a:hover{
    text-decoration:underline;
}