My personal website.
entomoviscera.online
1:root {
2 font-family: "Courier New", Courier, monospace;
3 --black: #000;
4 --grey: #4e505c;
5 --orange: #fc9156;
6 --yellow: #ffe75a;
7 --white: #eceee1;
8}
9
10body {
11 background-color: var(--black);
12}
13
14ul {
15 list-style: ":: ";
16 padding-left: 3ch;
17}
18
19h1 {
20 font-size: clamp(1.5rem, 1.8vw, 2rem);
21}
22
23h2,
24h3 {
25 margin-bottom: 13px;
26}
27
28h2 {
29 font-size: 1.5rem;
30}
31
32h3 {
33 font-size: 1.25rem;
34}
35
36p,
37li {
38 font-size: 1rem;
39 line-height: 1.5rem;
40}
41
42p,
43ul {
44 margin: 13px 0;
45}
46
47a {
48 font-size: 1rem;
49 color: var(--yellow);
50 text-decoration: underline dashed;
51 text-underline-offset: 4px;
52}
53
54a:hover {
55 color: var(--orange);
56}
57
58.bwcontainer {
59 background-color: var(--black);
60 border: 10px double var(--white);
61}
62
63.bwbox {
64 color: var(--white);
65 background-color: var(--black);
66 border: 10px double var(--white);
67 padding: 13px 15px;
68}
69
70.center {
71 text-align: center;
72 vertical-align: middle;
73}
74
75.flex {
76 display: flex;
77 flex-wrap: wrap;
78}
79
80.flexcenter {
81 justify-content: center;
82 align-items: center;
83}
84
85.barcodetext {
86 font-family: barcodetext;
87}
88
89.button {
90 display: inline-block;
91 color: var(--yellow);
92 border: 10px double;
93 padding: 4px 6px;
94}
95
96a.button {
97 text-decoration: none;
98}
99
100@font-face {
101 font-family: barcodetext;
102 src: url("/fonts/LibreBarcode39ExtendedText-Regular.woff");
103}