login.css (1033B) download
1body {
2 margin: 0;
3 padding: 0;
4}
5
6.container {
7 display: flex;
8 flex-direction: column;
9 align-items: center;
10 min-height: 100vh;
11 background: #282828;
12}
13
14form {
15 display: flex;
16 flex-direction: column;
17 align-items: center;
18 margin-top: 20px;
19 color: #fea400;
20}
21
22form input, form select {
23 margin-bottom: 10px;
24 padding: 5px;
25}
26
27form button {
28 cursor: pointer;
29 margin-top: 10px;
30 padding: 5px 10px;
31 background: #fea400;
32 color: #282828;
33 font-weight: bold;
34}
35
36form button:hover {
37 background: #df9a06;
38}
39
40label {
41 margin-bottom: 5px;
42}
43
44#message {
45 color: #fea400;
46}
47
48#username, #email, #password, #password-again {
49 width: 200px;
50}
51
52#do-register {
53 margin-bottom: 10px;
54}
55
56#logout {
57 cursor: pointer;
58 margin-top: 20px;
59 padding: 5px 10px;
60 background: #fea400;
61 color: #282828;
62 font-weight: bold;
63}
64
65#logout:hover {
66 background: #df9a06;
67}
68
69@media (min-width: 650px) {
70 form {
71 width: 400px;
72 }
73
74 #username, #email, #password, #password-again {
75 width: 100%;
76 }
77}
78
79@media (min-width: 1400px) {
80 form {
81 width: 600px;
82 }
83}