web/src/app.css 1.3 K raw
1
@font-face {
2
  font-family: "Commit Mono";
3
  src: url("./assets/fonts/CommitMono-400-Regular.otf") format("opentype");
4
  font-weight: 400;
5
  font-style: normal;
6
}
7
8
@font-face {
9
  font-family: "Commit Mono";
10
  src: url("./assets/fonts/CommitMono-700-Regular.otf") format("opentype");
11
  font-weight: 700;
12
  font-style: normal;
13
}
14
15
* {
16
  padding: 0;
17
  margin: 0;
18
  box-sizing: border-box;
19
  font-family: "Commit Mono", monospace, sans-serif;
20
  scrollbar-width: none;
21
  -ms-overflow-style: none;
22
}
23
24
html {
25
  background: #121113;
26
  color: #ffffff;
27
  font-size: 14px;
28
  line-height: 1.6;
29
}
30
31
html::-webkit-scrollbar {
32
  display: none;
33
}
34
35
body {
36
  display: flex;
37
  flex-direction: column;
38
  justify-content: start;
39
  align-items: center;
40
  gap: 1.5rem;
41
  min-height: 100vh;
42
  max-width: 900px;
43
  padding: 0 2rem;
44
  margin: auto;
45
}
46
47
button {
48
  background: #121113;
49
  color: #ffffff;
50
  padding: 6px;
51
  border: 1px solid white;
52
  cursor: pointer;
53
  width: fit-content;
54
  font-family: "Commit Mono", monospace, sans-serif;
55
}
56
57
a {
58
  background: #121113;
59
  color: #ffffff;
60
}
61
62
button:hover,
63
a:hover {
64
  opacity: 0.7;
65
}
66
67
input,
68
textarea {
69
  background: #121113;
70
  color: #ffffff;
71
  border: 1px solid white;
72
  padding: 4px;
73
}
74
75
textarea {
76
  width: 100%;
77
  min-height: 400px;
78
  padding: 6px;
79
}
80
81
@media (max-width: 480px) {
82
  body {
83
    padding: 1rem;
84
    gap: 1rem;
85
  }
86
}