::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #fcd34d;
  border: 1px solid #000;
}

::-webkit-scrollbar-thumb {
  background: #000;
  border: 1px solid #000;
}

::-webkit-scrollbar-thumb:hover {
  background: #333;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6%208L0%200H12L6%208Z%22%20fill%3D%22%23FCD34D%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 0.75rem 0.5rem;
  padding-right: 2.5rem;
}

*:focus {
   outline: none !important;
   box-shadow: 0 0 0 4px #fcd34d !important;
      
}

body {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.brutal-text-black {
   color: #000 !important;
}

.brutal-text-white {
   color: #fff !important;
}