:root { 
  --primary-black: #040304; 
  --primary-white: #ffffff; 
  --primary-green: #C2D500; 
  --gray-dark: #2f2e2e; 
  --gray-light: #E8E6E6; 
}

* {
  box-sizing: border-box;
  margin: 0; 
  padding: 0; 
}

body {
  font-family: 'Montserrat', sans-serif; 
  background-color: var(--primary-white); 
  color: var(--primary-black); 
  line-height: 1.6; 
}

h1, h2, h3, h4, h5, h6 { 
  font-family: 'Monserrat', sans-serif; 
  color: var(--primary-black); 
}

.special-heading { 
  font-family: 'Monserrat', sans-serif; 
  color: var(--primary-green); 
}

.container {
  width: 90%; 
  max-width: 1200px; 
  margin: 0 auto; 
}

header, footer { 
  background-color: var(--primary-black); 
  color: var(--primary-white); 
  padding: 2rem 0; 
  text-align: center; 
}

nav a { 
  color: var(--primary-white); 
  text-decoration: none; 
  margin: 0 1rem; 
  font-weight: 500; 
}

nav a:hover{
  color: var(--primary-green)
}

.button-primary {
  background-color: var(--primary-green); 
  color: var(--primary-black); 
  border: none; 
  padding: 0.75rem 1.5rem; 
  font-family: 'Montserrat', sans-serif; 
  font-weight: 600; 
  cursor: pointer; 
  transition: background 0.3s; 
}

.button-primary:hover { 
  background-color: var(--gray-dark); 
  color: var(--primary-white); 
}