CAS-M2-LetItFlow/rise.css at main · linalopes/CAS-M2-LetItFlow · 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
/* Import fonts from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Inter:wght@100..900&family=Space+Grotesk:wght@300..700&display=swap');

/* Define the Branding colors (used across the presentation for background, text, etc.) */
:root {
  --deep-purple: #22113E;
  --gray-green: #CAD8D8;
  --pink: #EA7DFF;
  --turquoise: #08F2DB;
}

/* Set the base font size for the entire presentation */
html {
  font-size: 150%; /* Set to 200% of the default browser size (typically 32px) */
}

/* Set the global font for the entire presentation */
.reveal {
  font-family: 'Inter', sans-serif !important;
  color: var(--deep-purple) !important;
}

body {
  font-family: 'Inter', sans-serif;
  font-weight: 200 !important;
  font-size: 1rem !important;
  color: var(--deep-purple); /* Default text color */
  margin: 0;
  padding: 0;
}

/* Styles for titles */
.reveal h1 {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 3rem !important;
  color: var(--pink) !important;
}

.reveal h2 {
  font-family: 'Courier Prime', monospace !important;
  font-size: 2rem !important;
  color: var(--turquoise) !important;
}

/* Styles for lists */
.reveal p, ul, li, ol {
  line-height: 1.5;
  color: var(--deep-purple) !important;
  font-size: 1rem !important;
}

.reveal a {
  color: var(--pink) !important;
  transition: color 0.3s; /* Smooth transition effect on hover */
}
.reveal a:hover {
  color: rgba(0, 0, 0, 0.5) !important;
}