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;
}
} |