static/styles.css 1.8 K raw
1
* {
2
	padding: 0;
3
	margin: 0;
4
	box-sizing: border-box;
5
	font-family: "Commit Mono", monospace, sans-serif;
6
	scrollbar-width: none;
7
	-ms-overflow-style: none;
8
}
9
10
html {
11
	background: #121113;
12
	color: #ffffff;
13
}
14
15
html::-webkit-scrollbar {
16
	display: none;
17
}
18
19
body {
20
	display: flex;
21
	flex-direction: column;
22
	justify-content: start;
23
	align-items: start;
24
	gap: 1.5rem;
25
	min-height: 100vh;
26
	max-width: 700px;
27
	margin: auto;
28
}
29
30
.header {
31
	display: flex;
32
	flex-direction: column;
33
	gap: 0.5rem;
34
	text-decoration: none;
35
	margin-top: 2rem;
36
}
37
38
#snippetForm {
39
	display: flex;
40
	flex-direction: column;
41
	gap: 1rem;
42
	width: 100%;
43
}
44
45
#snippetForm input {
46
	background: #121113;
47
	color: #ffffff;
48
	border: 1px solid white;
49
	padding: 4px;
50
}
51
52
.links {
53
	display: flex;
54
	align-items: center;
55
	gap: 1.5rem;
56
	font-size: 12px;
57
}
58
59
.about {
60
	display: flex;
61
	flex-direction: column;
62
	gap: 0.5rem;
63
	font-size: 14px;
64
}
65
66
textarea {
67
	background: #121113;
68
	color: #ffffff;
69
	width: 100%;
70
	min-height: 400px;
71
	padding: 6px;
72
	border: 1px solid white;
73
}
74
75
.code-container {
76
	border: 1px solid white;
77
	height: 400px;
78
	overflow: auto;
79
}
80
81
.code-container pre {
82
	background-color: #121113 !important;
83
	padding: 6px;
84
	margin: 0;
85
	min-height: 100%;
86
	font-size: 13px;
87
	line-height: 1.4;
88
}
89
90
button {
91
	background: #121113;
92
	color: #ffffff;
93
	padding: 6px;
94
	border: 1px solid white;
95
	cursor: pointer;
96
	width: fit-content;
97
}
98
99
a {
100
	background: #121113;
101
	color: #ffffff;
102
}
103
104
@media (max-width: 480px) {
105
	body {
106
		padding: 1rem;
107
		gap: 1rem;
108
	}
109
}
110
111
@font-face {
112
	font-family: "Commit Mono";
113
	src: url("/assets/fonts/CommitMono-400-Regular.otf") format("opentype");
114
	font-weight: 400;
115
	font-style: normal;
116
}
117
118
@font-face {
119
	font-family: "Commit Mono";
120
	src: url("/assets/fonts/CommitMono-700-Regular.otf") format("opentype");
121
	font-weight: 700;
122
	font-style: normal;
123
}