CMU Coding Bootcamp
1h1 {
2 font-size: 48px;
3 margin: 0;
4 color: #8aadf4;
5}
6
7h2 {
8 font-size: 36px;
9 margin: 0;
10}
11
12.heading {
13 color: #a5adcb;
14}
15
16* {
17 font-family:
18 system-ui,
19 -apple-system,
20 BlinkMacSystemFont,
21 "Segoe UI",
22 Roboto,
23 Oxygen,
24 Ubuntu,
25 Cantarell,
26 "Open Sans",
27 "Helvetica Neue",
28 sans-serif;
29 color: #cad3f5;
30}
31
32body {
33 background-color: #24273a;
34}
35
36main {
37 margin: none;
38 display: flex;
39 flex-direction: column;
40 gap: 5rem;
41 align-items: center;
42}
43
44.hr {
45 width: 80rem;
46 border-top: 2px solid #6e738d;
47}
48
49.container {
50 display: flex;
51 width: 160rem;
52 flex-direction: column;
53 gap: 0.1rem;
54 align-items: center;
55}
56
57.card {
58 width: 15rem;
59 height: 20rem;
60 background-color: #363950;
61 border-radius: 0.5rem;
62 box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
63 transition: transform 0.15s ease-in-out;
64 cursor: pointer;
65}
66
67.card:hover {
68 transform: scale(1.05);
69 transition: transform 0.15s ease-in-out;
70}