@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

body {
  font-size:18px;
}

h1 {
  font-family: 'Open Sans', sans-serif;
  font-size: 3em;
  font-weight:700;
}
h2 {
  font-family: 'Righteous', cursive;
  font-size: 2em;
  font-weight:700;
}
h3 {
  font-family: 'Righteous', cursive;
  font-size: 1.75em;
  font-weight:700;
}

/* Colours */
.bg-yellow {
  background-color:#dafe70 !important;
}

/* Buttons */
.btn.btn-primary {
  background-color:black;
  color:white;
  border:3px solid black;
}
.btn.btn-primary:hover {
  background-color:white;
  color:black;
}

.btn.btn-secondary {
  background-color:transparent;
  color:black;
  border:3px solid black;
}
.btn.btn-secondary:hover {
  background-color:black;
  color:white;
}


a {
  color: #000;
  text-decoration:underline;
}
a:hover {
  color:white;
  background-color:rgb(33, 37, 31);
}

a.has-image:hover {
  text-decoration:none;
  background-color:transparent !important;
}