body { padding: 20px; margin: 0; max-width: 80%; margin: auto; }

header { font-family: 'Orbitron', monospace; color: #3E7087; margin-top: 0; padding-top: 0; }

.space { font-family: 'Orbitron', monospace; color: #3E7087; margin-top: 0; padding-top: 0; }

th { background-color: #1F4661; color: white; font-weight: bold; }
th, td { padding: 5px; }

tr:nth-child(even) { background: #ddd }
tr:nth-child(odd) { background: #fff }

button { background-color: #1F4661; color: white; padding: 5px; font-size: 18px; }

#sqlResult { margin-top: 20px; }
#sqlarea { height: 300px; border: none; }

h1, h2 { padding: 0; margin: 0; }
h1 { font-size: 36px; }
h2 { margin-bottom: 10px; font-size: 18px; }

.CodeMirror { height: 300px; border: 1px solid #ddd; }
.CodeMirror-scroll { max-height: 300px; }
.CodeMirror pre { padding-left: 7px; line-height: 1.25; }

table.sqltable, th, td { border: 1px solid black; font-size: 12px; font-family: monospace; }
table.sqltable { table-layout: fixed; border-collapse: collapse; margin-top: 20px; }

button { width: 150px; font-size: 12px; }