/* 
 This CSS file is used to override the existing styles of the theme.
 You can change the article headings, fonts, colors, etc.
*/
.bg-rd-red-900 {
  background-color: rgb(92 5 32);
}

.bg-red-300 {
  background-color: rgb(252 165 165);
}

.bg-gray-700 {
  background-color: rgb(55 65 81);
}

.text-red-900 {
  color: rgb(127 29 29);
}

.text-red-500 {
  color: rgb(239 68 68);
}

#meta {
  padding-top: 15px;
}

.capitalize {
  text-transform: capitalize;
}

/* 
Note: 10/2 - Decided to just change default tailwind css values rather than changing html code itself to customize my colors
So blue name might be actually red. Might get back to this at some point.
*/
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.rounded {
  border-radius: 0.25rem; /* 4px */
}

.img_left img {
  float: left;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 250px;
  margin: 20px;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}