master
1* {
2 box-sizing: border-box;
3 font-family: inherit;
4 font-size: inherit;
5}
6
7body {
8 margin: 0px;
9 padding: 0px;
10 overscroll-behavior-y: none;
11 font-family: "Parkinsans", sans-serif;
12 font-size: 16px;
13 background: #242424;
14}
15
16h1 {
17 font-size: 48px;
18 color: #eeb302;
19 font-weight: 700;
20 text-align: center;
21 margin-bottom: 32px;
22}
23
24h2 {
25 font-size: 22px;
26 color: #999999;
27 font-weight: 400;
28 text-align: center;
29 font-style: italic;
30 margin-bottom: 32px;
31}
32
33p,
34ol {
35 font-size: 18px;
36}
37
38form {
39 display: flex;
40 flex-direction: column;
41 gap: 8px;
42 margin: 0px auto;
43 width: fit-content;
44
45 label {
46 display: flex;
47 flex-direction: row;
48 align-items: center;
49 gap: 8px;
50
51 span {
52 width: 100px;
53 font-weight: 600;
54 }
55
56 input[type="text"],
57 input[type="password"],
58 input[type="datetime-local"] {
59 width: 240px;
60 background: #333333;
61 border: 1px solid #555555;
62 color: #ffffff;
63 padding: 4px 9px;
64 border-radius: 4px;
65 outline: none;
66
67 &:focus {
68 border: 1px solid #eeb302;
69 }
70 }
71 }
72
73 input[type="submit"] {
74 width: 348px;
75 border: 1px solid #555555;
76 border-radius: 8px;
77 background: transparent;
78 color: #ffffff;
79 padding: 8px;
80 cursor: pointer;
81 transition:
82 background 0.1s,
83 border 0.1s;
84
85 &:hover {
86 background: #444444;
87 border: 1px solid #eeb302;
88 }
89
90 &:active {
91 background: #555555;
92 }
93
94 &:disabled {
95 background: #333333;
96 border: 1px solid #555555;
97 color: #777777;
98 cursor: not-allowed;
99 }
100 }
101}
102
103a[href] {
104 color: #eeb302;
105 text-decoration: none;
106 cursor: pointer;
107 text-decoration: underline;
108 text-decoration-style: dashed;
109
110 &:hover {
111 text-decoration: underline;
112 }
113}