this repo has no description
1@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Yusei+Magic&display=swap");
2
3@tailwind base;
4@tailwind components;
5@tailwind utilities;
6
7:root {
8 @apply min-h-dvh bg-slate-100 text-gray-800;
9 font-family: "Open Sans", sans-serif;
10}
11
12header,
13main {
14 @apply mb-4;
15}
16
17h1 {
18 @apply text-xl font-medium;
19}
20
21h2 {
22 @apply text-lg font-semibold;
23}
24
25h3 {
26 @apply text-sm font-medium text-gray-400;
27}
28
29h4 {
30 @apply text-sm font-medium;
31}
32
33pre {
34 @apply text-xs font-mono bg-slate-100 p-2 text-wrap rounded;
35}
36
37section header {
38 @apply pb-1 border-b-2;
39}
40
41section main {
42 @apply pb-4 border-b-2;
43}
44
45section main h4 {
46 @apply mb-2;
47}
48
49footer .credit {
50 @apply text-xs opacity-50;
51}
52
53.form-group {
54 @apply mb-2;
55}
56
57.form-label {
58 @apply block
59 text-sm font-semibold mb-1;
60}
61
62.form-input {
63 @apply block w-full p-2
64 bg-gray-50
65 border border-gray-300 rounded
66 text-gray-900 text-sm
67 focus:ring-blue-500 focus:border-blue-500;
68}
69
70.form-button {
71 @apply px-4 py-2
72 text-white font-medium text-sm text-center
73 bg-blue-700 hover:bg-blue-800
74 focus:ring-4 focus:outline-none focus:ring-blue-300
75 rounded
76 w-auto;
77}