nitrogeo.github.io/styles.css at main · nitrogeo/nitrogeo.github.io · GitHub

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

/* local fonts! */
@font-face {
  font-family: 'Inter';
  font-weight: 400;
  src: url('.assets/fonts/inter/Inter-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Instrument Serif';
  font-weight: 400;
  src: url('.assets/fonts/instrument-serif/InstrumentSerif-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Instrument Serif';
  font-weight: 400;
  font-style: italic;
  src: url('.assets/fonts/instrument-serif/InstrumentSerif-Italic.woff2') format('woff2');
}

@font-face {
    font-family: 'Geist Mono';
    font-weight: 400;
    src: url('.assets/fonts/geist-mono/GeistMono-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Geist Pixel';
    font-weight: 400;
    src: url('.assets/fonts/geist-pixel/GeistPixel-Square.woff2') format('woff2');
}

@font-face {
    font-family: 'Knewave';
    font-weight: 400;
    src: url('.assets/fonts/knewave/Knewave-Regular.woff2') format('woff2');
}

:root {
  /* catppuccin btw lol */

  /* colors */
  --bg: #24273a;
  /* --text: #f6f6f6; */
  --text: #cad3f5;
  /* ========== */
  --accent1: #f5bde6;
  --accent2: #7dc4e4;
  --accent3: #c6a0f6;


  /* fonts */
  --font-main: "Inter", sans-serif;
  --font-serif: "Instrument Serif", serif;
  --font-mono: "Geist Mono";
  --font-chill: "Knewave"; /* make it the ones from figma later lol // done idk when lol; 10.20.2026*/
  --font-pixel: "Geist Pixel";
}

* {
  /*box-sizing: border-box;*/
}

body {
  font-family: var(--font-main);
  background-color: var(--bg);
  color: var(--text);
}

/* also active = on-click and link = unvisited and visited = visited*/
/* purple is #c6a0f6 */
/* All links */
a {
  color: var(--accent1); /* pink */
  text-decoration: none; /* removes the underline*/
}

/* Mouse-over (hover) state */
a:hover {
  color: var(--accent2); /* blue */
}


/* custom classes */
.h1 {
  font-weight: normal;
}
.hero-text {
  font-family: var(--font-serif)
}