@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600,600i');
@import url(https://fonts.googleapis.com/css?family=Bangers);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
body {
  background-color: #ffffff; /* Light background color */
}
.purple {
  background-color: #faf5ff; /* Dark background color */
color: #1f2937;
  }

  .purple2 {
  background-color: #f3e8ff; /* Dark background color */
color: #1f2937;
  }
 .dt {
color: #000000;}

/* Background color and stroke color for dark mode */
@media (prefers-color-scheme: dark) {
  body {
  background-color: #000000; /* Dark background color */
color: #ffffff;
  }

  .success {
  color: #ffffff; /* White stroke in dark mode */
  }
  .success2 {
  color: #9ca3af; /* White stroke in dark mode */
  }
  .blck {
  background-color: #030712; /* Dark background color */
color: #ffffff;
  }
  .blck2 {
  background-color: #111827; /* Dark background color */
color: #9ca3af;
  }
  .blck3 {
  background-color: #000000; /* Dark background color */
color: #ffffff;
  }
  .blck4 {
  background-color: #000000; /* Dark background color */
border-color: #ffffff;
color: #ffffff;
  }
}