summaryrefslogtreecommitdiff
path: root/src/guzzle.sass
blob: 68834d87c5f1fd485876a58419dc0a092a9c6477 (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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
@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')

$fonts: "Noto Sans", "Fira Code", monospace
$background-color: #1e1e2e
$foreground-color: #b4befe
$complementary-color: #cba6f7

body
	background-color: $background-color
	font-family: $fonts

	padding: 10px

	p,li
		font-size: 16px

	h1
		font-size: 24px

footer
	font-size: 12px
	color: white

	display: flex
	align-items: center
	justify-content: center

.container
	background-color: $foreground-color

	display: flex
	flex: 1 1 auto
	flex-direction: column
	align-items: center
	justify-content: center

	width: fit-content
	min-width: 33%

	margin-left: auto
	margin-right: auto
	margin-top: 2%

	border-radius: 5px

.content
	display: inline-block
	text-align: center

	margin: 5px

	padding: 5px

.headerbar
	background-color: $foreground-color

	display: flex
	flex-direction: row
	align-items: center
	justify-content: center

	width: fit-content

	margin-left: auto
	margin-right: auto
	margin-top: 2%

	border-radius: 5px
	padding: 10px

#blogpost
	min-width: 50%

#commitText
	width: fix-content

	margin: 10px
	padding: 5px
	border-radius: 5px

#gifs
	background-color: $background-color
	display: inline-block
	text-align: center
	padding: 10px
	margin: 10px

#vidya
	display: flex
	justify-content: center
	padding: 5px
	margin: 5px