html, * {
  font-family: Blender, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.text-merlooo {
  color: rgb(77 14 19);
}

.bg-merlooo\/80 {
  background-color: rgba(77 14 19 / 0.8);
}

.border-merlooo\/80 {
  border-color: rgb(77 14 19 / 0.8);
}

/* .bg-pattern {
  background-color: rgba(240 227 227 / 0.95);
  background: linear-gradient(45deg, #e9e9e9 12%, transparent 0, transparent 88%, #e9e9e9 0),
    linear-gradient(135deg, transparent 37%, #e6e6e6 0, #e6e6e6 63%, transparent 0),
    linear-gradient(45deg, transparent 37%, #e9e9e9 0, #e9e9e9 63%, transparent 0) rgba(240 227 227 / 0.95);
  background-size: 30px 30px;
  backdrop-filter: blur(4px);
} */
  
.bg-pattern {
  background-color: #ddddddd9;
  background: linear-gradient(45deg, #e9e9e9 12%, transparent 0, transparent 88%, #e9e9e9 0),
  linear-gradient(135deg, transparent 37%, #e6e6e6 0, #e6e6e6 63%, transparent 0),
  linear-gradient(45deg, transparent 37%, #e9e9e9 0, #e9e9e9 63%, transparent 0) #ddddddd9;
  background-size: 30px 30px;
  backdrop-filter: blur(4px);
}

@media (prefers-color-scheme: dark) {
  .dark\:text-merlooo {
    color: rgb(77 14 19) !important;
  }

  .bg-pattern {
    background-color: #121212;
    background: linear-gradient(45deg, #161616 12%, transparent 0, transparent 88%, #161616 0),
    linear-gradient(135deg, transparent 37%, #191919 0, #191919 63%, transparent 0),
    linear-gradient(45deg, transparent 37%, #161616 0, #161616 63%, transparent 0) #121212;
    background-size: 30px 30px;
    backdrop-filter: blur(4px);
  }
}