style.css

/* style.css */

/* Define custom colors */
:root {
  --python-blue: #306998;
  --python-yellow: #FFD43B;
  --light-yellow: #FFE873;
  --sky-blue: #4B8BBE;
  --python-green: #A8B400;
}

/* Apply colors to various elements */
body {
  background-color: var(--light-yellow);
  color: var(--python-blue);
}

.navbar {
  background-color: var(--python-blue);
}

.navbar-brand,
.navbar-nav .nav-link {
  color: var(--python-yellow);
}

#hero {
  background-color: var(--sky-blue);
  color: var(--light-yellow);
}

#features .feature-box {
  border: 2px solid var(--python-green);
}

#contact {
  background-color: var(--light-yellow);
}

#contactForm .form-control {
  border: 1px solid var(--python-green);
}

#contactForm .btn-primary {
  background-color: var(--python-green);
  border: none;
}

#contactForm .btn-primary:hover {
  background-color: var(--python-blue);
}