personal website (jaspermayone.com)
jaspermayone.com
1/* styles/404.module.css */
2
3.body {
4 background: #081421;
5 color: #d3d7de;
6 font-family: "Courier New", monospace;
7 font-size: 18px;
8 line-height: 1.5em;
9 cursor: default;
10}
11
12.codeArea {
13 position: absolute;
14 width: 320px;
15 min-width: 320px;
16 top: 50%;
17 left: 50%;
18 transform: translate(-50%, -50%);
19}
20
21.codeArea > span {
22 display: block;
23}
24
25.comment {
26 color: #777;
27 font-style: italic;
28}
29
30.keyword {
31 color: #d65562;
32}
33
34.operator {
35 color: #4ca8ef;
36}
37
38.variable {
39 font-style: italic;
40 color: #bdbdbd;
41}
42
43.indent {
44 padding-left: 15px;
45 color: #2796ec;
46}
47
48.string {
49 color: #a6a61f;
50}
51
52/* Scoped anchor styles */
53.link {
54 color: #78cbf2; /* Link color */
55 text-decoration: underline wavy; /* Add an underline */
56 transition: color 0.3s ease; /* Smooth color transition on hover */
57}
58
59@media screen and (max-width: 320px) {
60 .codeArea {
61 font-size: 5vw;
62 min-width: auto;
63 width: 95%;
64 margin: auto;
65 padding: 5px;
66 padding-left: 10px;
67 line-height: 6.5vw;
68 }
69}