|
1 | 1 | @font-face {
|
2 |
| - font-family: "Monaspace Neon"; |
3 |
| - src: url("/MonaspaceNeon-Regular.woff"); |
4 |
| - font-display: swap; |
| 2 | + font-family: "Monaspace Neon"; |
| 3 | + src: url("/MonaspaceNeon-Regular.woff"); |
| 4 | + font-display: swap; |
5 | 5 | }
|
6 | 6 |
|
7 | 7 | body {
|
8 |
| - text-align: center; |
9 |
| - background: hsl(200, 4%, 10%); |
10 |
| - font-family: "Monaspace Neon", "Courier New", "Courier", monospace; |
11 |
| - color: #ffffff; |
12 |
| - min-height: 98vh; |
13 |
| - display: grid; |
14 |
| - grid-template-rows: auto 1fr auto; |
15 |
| - overflow-x: hidden; |
| 8 | + text-align: center; |
| 9 | + background: hsl(200, 4%, 10%); |
| 10 | + font-family: "Monaspace Neon", "Courier New", "Courier", monospace; |
| 11 | + color: #ffffff; |
| 12 | + min-height: 98vh; |
| 13 | + display: grid; |
| 14 | + grid-template-rows: auto 1fr auto; |
| 15 | + overflow-x: hidden; |
16 | 16 | }
|
17 | 17 |
|
18 | 18 | body#apiBody {
|
19 |
| - margin-left: 20%; |
20 |
| - margin-right: 20%; |
| 19 | + margin-left: 20%; |
| 20 | + margin-right: 20%; |
21 | 21 | }
|
22 | 22 |
|
23 | 23 | input {
|
24 |
| - background: hsl(192, 2%, 40%); |
25 |
| - border: #1b8b77; |
26 |
| - color: #ffffff; |
27 |
| - padding: 20px; |
28 |
| - border-radius: 3px; |
| 24 | + background: hsl(192, 2%, 40%); |
| 25 | + border: #1b8b77; |
| 26 | + color: #ffffff; |
| 27 | + padding: 20px; |
| 28 | + border-radius: 3px; |
29 | 29 | }
|
30 | 30 |
|
31 | 31 | input::placeholder {
|
32 |
| - color: hsl(192, 2%, 70%); |
| 32 | + color: hsl(192, 2%, 70%); |
33 | 33 | }
|
34 | 34 |
|
35 | 35 | a {
|
36 |
| - color: #43baf4; |
| 36 | + color: #43baf4; |
37 | 37 | }
|
38 | 38 |
|
39 | 39 | img {
|
40 |
| - image-rendering: pixelated; |
| 40 | + image-rendering: pixelated; |
41 | 41 | }
|
42 | 42 |
|
43 | 43 | button {
|
44 |
| - border: none; |
45 |
| - border-radius: 5px; |
46 |
| - padding: 15px; |
47 |
| - color: white; |
48 |
| - cursor: pointer; |
49 |
| - display: inline-block; |
50 |
| - background-color: #43baf4; |
51 |
| - text-align: center; |
52 |
| - text-decoration: none; |
| 44 | + border: none; |
| 45 | + border-radius: 5px; |
| 46 | + padding: 15px; |
| 47 | + color: white; |
| 48 | + cursor: pointer; |
| 49 | + display: inline-block; |
| 50 | + background-color: #43baf4; |
| 51 | + text-align: center; |
| 52 | + text-decoration: none; |
53 | 53 | }
|
54 | 54 |
|
55 | 55 | footer {
|
56 |
| - min-height: 50px; |
57 |
| - bottom: 0; |
58 |
| - padding: 10px; |
59 |
| - width: 100%; |
| 56 | + min-height: 50px; |
| 57 | + bottom: 0; |
| 58 | + padding: 10px; |
| 59 | + width: 100%; |
60 | 60 | }
|
61 | 61 |
|
62 | 62 | .java {
|
63 |
| - background-color: chartreuse; |
64 |
| - color: black; |
| 63 | + background-color: chartreuse; |
| 64 | + color: black; |
65 | 65 | }
|
66 | 66 |
|
67 | 67 | .bedrock {
|
68 |
| - background-color: black; |
| 68 | + background-color: black; |
69 | 69 | }
|
70 | 70 |
|
71 | 71 | .response {
|
72 |
| - font-size: 20pt; |
| 72 | + font-size: 20pt; |
73 | 73 | }
|
0 commit comments