File size: 1,271 Bytes
79173f1
f488613
89c8194
f488613
3a64621
79173f1
 
 
 
9927bfa
 
79173f1
f488613
79173f1
 
 
 
7a22c81
89c8194
 
79173f1
 
 
b32e38e
 
79173f1
 
 
 
89c8194
 
79173f1
 
89c8194
 
79173f1
 
89c8194
 
79173f1
 
b32e38e
79173f1
7a22c81
79173f1
ac01c02
 
79173f1
 
aa3208d
 
79173f1
 
 
 
3a64621
79173f1
 
 
ac01c02
 
0ad14e4
79173f1
 
3a64621
979d104
79173f1
 
 
 
 
3a64621
79173f1
 
0ad14e4
 
79173f1
 
3a64621
 
79173f1
 
b32e38e
47dd878
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
/* Header Styling */
header {
  background: #6a0dad;
  color: white;
  padding: 1rem 0;
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

header h1 {
  font-size: 1.5rem;
  margin: 0;
}

header nav {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.nav-links {
  list-style: none;
  display: flex;
  gap: 1rem;
  margin: 0;
  padding: 0;
}

.nav-links li a {
  text-decoration: none;
  color: white;
  font-weight: bold;
  font-size: 1rem;
  transition: color 0.3s ease;
}

.nav-links li a:hover {
  color: #ffd700;
}

/* Hamburger Menu (Mobile) */
.menu-toggle {
  display: none;
  font-size: 1.5rem;
  color: white;
  background: none;
  border: none;
  cursor: pointer;
}

@media (max-width: 768px) {
  .nav-links {
    display: none;
    flex-direction: column;
    gap: 0.5rem;
    background: #6a0dad;
    position: absolute;
    top: 60px;
    right: 10px;
    width: 200px;
    padding: 1rem;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  }

  .nav-links.show {
    display: flex;
  }

  .menu-toggle {
    display: block;
  }
}