blob: 2939c8ae3af1b7e3c60ebdad15a054bfd5a6b026 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
|
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;700&display=swap')
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500&display=swap')
@tailwind base
@tailwind components
@tailwind utilities
@tailwind variants
html
font-family: "Noto Sans", sans-serif
h1
@apply text-2xl
p,li
@apply text-base
a
@apply underline
button
@apply rounded-xl bg-yellow p-2 text-center
body
@apply bg-base p-10
footer
@apply text-xs flex items-center justify-center
.container
@apply bg-lavender
@apply flex flex-auto flex-col
@apply items-center justify-center
@apply w-fit mx-auto
@apply rounded-lg
.content
@apply inline-block text-center p-5
img
// this is dumb
@apply mx-auto
.headerbar
@apply flex flex-col
@apply items-center justify-center
@apply mx-auto rounded p-3
#blogpost
@apply w-full items-center
#commitText
@apply text-subtext1 p-2
#indexHeader
@apply bg-base w-fit h-fit mx-auto rounded p-5 text-text
#gifs
@apply bg-base
@apply hidden min-[1280px]:flex flex-col gap-2
@apply text-center items-center justify-center
@apply m-20 mt-0 mb-5 p-10
@apply rounded-lg drop-shadow-2xl
#gif
@apply flex gap-2
#vidya
@apply flex justify-center p-5
|
