:root {
  --mystery-blue: rgb(49, 116, 145);
  --mystery-green: rgb(146, 200, 62);
  --mystery-orange: rgb(233, 50, 36);
}

body {
  font-family: "Poppins", sans-serif;
}

h2 {
  color: var(--mystery-orange);
  font-family: "Spicy Rice", cursive;
  text-transform: uppercase;
}

#covid_component h3 {
  color: var(--mystery-green);
  font-size: 1.25rem;
}

header {
  background-color: var(--mystery-blue);
}

dl,
ol,
ul {
  padding-left: 1.2rem;
}

.pricelist .row:nth-child(2n + 1) {
  background: rgb(146, 200, 62, 0.2);
}

#services_component li,
#welcome_component li {
  padding-bottom: 0.5em;
}

#contact_component a {
  color: var(--mystery-blue) !important;
  text-decoration: unset;
}

#contact_component a:hover,
#footer_component a:hover {
  color: var(--mystery-green) !important;
  text-decoration: unset;
}

.nav-tabs {
  border: unset !important;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: whitesmoke !important;
  border-top: unset !important;
  border-left: unset !important;
  border-right: unset !important;
  border-color: white !important;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active:hover {
  color: var(--mystery-orange);
  background-color: var(--mystery-green);
  font-weight: bold;
}

.nav-tabs .nav-link {
  color: whitesmoke;
}

.nav-tabs .nav-link.active {
  color: var(--mystery-green);
  font-weight: bold;
}

#footer_component a,
footer {
  background: var(--mystery-blue);
  color: whitesmoke;
}

footer .list-group-item {
  background-color: unset;
}