hanze/memory

css/login.css in main
Repositories | Summary | Log | Files

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}