body {
    background: #0f0f23;
    color: #cccccc;
    font-family: "Source Code Pro", monospace;
    font-size: 14pt;
}

button {
    background-color: transparent;
    border: none;
    color: #009900;
    cursor: pointer;
    font-family: "Source Code Pro", monospace;
    font-size: 14pt;
    padding: 0;
}

button:focus {
    outline-color: #005000;
    outline-style: solid;
}

button:hover {
    color: #99ff99;
}

div {
    margin-bottom: 5px;
}

input {
    background: #0f0f23;
    color: #808080;
    font-family: "Source Code Pro", monospace;
    font-size: 14pt;
    border: none;
    border-bottom: dashed;
    border-width: 2px;
}

input:focus {
    outline-color: #005000;
    outline-style: solid;
}

/* Only display the label for file selection input */
input[type="file"] {
    clip: rect(0, 0, 0, 0);
    position: absolute;
}

.fileInputLabel {
    background-color: transparent;
    border: none;
    color: #009900;
    cursor: pointer;
    font-family: "Source Code Pro", monospace;
    font-size: 14pt;
    padding: 0;
}

.fileInputLabel:focus-within {
    outline-color: #005000;
    outline-style: solid;
    outline-width: 1px;
}

.fileInputLabel:hover {
    color: #99ff99;
}

td, th {
    text-align: left;
    padding: 5px;
}

select {
    background: #0f0f23;
    color: #808080;
    font-family: "Source Code Pro", monospace;
    font-size: 14pt;
    border: none;
}

select:focus {
    outline-color: #005000;
    outline-style: solid;
}

textarea {
    background: #0f0f23;
    color: #808080;
    font-family: "Source Code Pro", monospace;
    font-size: 14pt;
    display: block;
    border: dotted;
    border-width: 2px;
    margin-top: 10px;
    margin-bottom: 10px;
}

textarea:focus {
    outline-color: #005000;
    outline-style: solid;
}