/*body {
  background-color: #25bc25;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #000;
}*/

body {
  background-color: #77df77;
  background-image: radial-gradient(#c8f5c8 1px, transparent 1px);
  background-size: 20px 20px;
}

#sqlInput {
  font-family: monospace;
  font-size: 14px;
  background-color: #f4fff4;
  border: 7px solid #090000;
  border-radius: 4px;
  padding: 8px;
}

#errorMsg {
  font-weight: bold;
}

#resultTable th {
  background-color: #333;
  color: white;
}

#resultTable td {
  background-color: #fff;
  color: #000;
}

#errorMsg {
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.8);
  color: #ff4c4c;
  padding: 6px 10px;
  border-radius: 4px;
}

select.form-select {
  border: 7px solid #000; /* or however thick you want */
  border-radius: 4px;     /* optional: rounded corners */
  padding: 6px 12px;      /* optional: tweak spacing */
}

.fancy-title {
  animation: pulseShadow 2.5s ease-in-out infinite;
  font-weight: bold;
  font-size: 2.5rem;
  color: #000;
}

@keyframes pulseShadow {
  0% { text-shadow: 0 0 0px #000; }
  50% { text-shadow: 0 0 8px #000; }
  100% { text-shadow: 0 0 0px #000; }
}