h1 {
  color:rgb(10,8,0) !important; 
  font-family: "brandon-grotesque";
  font-weight: 700;
  text-transform: uppercase;
  }

h4 {
  font-family: "brandon-grotesque";
  font-weight: 700;
  margin-top:0;
  margin-bottom:50px;
  text-transform: uppercase;
  }

a.uk-button { 
  border-radius: 50px; 
  border:1px solid rgb(33,33,33);
  font-size:16px;
transition: background ease-in-out .25s}

a.uk-button:hover {
  background:rgb(0,168,227);
}

.uk-card-primary {background:rgb(10,8,0);}
.uk-card-secondary {background:rgb(253,185,52);}

.dark-text-box {
  background-color: rgba(240, 240, 240, 0.75); /* Semi-transparent light grey background */
  color: #333; /* Dark text */
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #ddd; /* Light grey border */
  box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Optional: adds subtle shadow */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /* UIkit default */
  font-size: 16px;
  line-height: 1.6;
  border-radius: 10px; /* Rounded corners */
}