settings.css (1111B) 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
14.color_select{
15 display: flex;
16 align-items: center;
17}
18
19.color-div{
20 display: flex;
21 margin: 10px;
22 align-items: center;
23 flex-direction: column;
24}
25form {
26 display: flex;
27 flex-direction: column;
28 align-items: center;
29 margin-top: 20px;
30 color: #fea400;
31}
32
33form input, form select {
34 margin-bottom: 10px;
35 padding: 5px;
36}
37
38form button {
39 cursor: pointer;
40 margin-top: 10px;
41 padding: 5px 10px;
42 background: #fea400;
43 color: #282828;
44 font-weight: bold;
45}
46
47form button:hover {
48 background: #df9a06;
49}
50
51label {
52 margin-bottom: 5px;
53}
54
55#message, #login {
56 color: #fea400;
57}
58
59#email {
60 width: 190px;
61}
62
63#api {
64 width: 200px;
65}
66
67#color-found, #color-closed {
68 width: 40px;
69 height: 40px;
70 border: none;
71 padding: 0;
72 margin-left: 5px;
73 vertical-align: middle;
74}
75
76#submit {
77 width: 80px;
78}
79
80@media (min-width: 650px) {
81 form {
82 width: 400px;
83 }
84
85 #email, #api {
86 width: 100%;
87 }
88}
89
90@media (min-width: 1400px) {
91 form {
92 width: 600px;
93 }
94}