html,body {
background-color: black;
color: white;
margin: 0;
padding: 0;
}
body {
overflow-y: scroll;
}
#output {
font-family: 'Inconsolata', monospace;
white-space: pre-wrap;
padding: 8px;
}
#input {
font-family: 'Inconsolata', monospace;
background-color: black;
color: white;
border: 0px;
padding: 8px;
width: 100%;
}
.fgblack {
color: black;
}
.fgred {
color: red;
}
.fggreen {
color: green;
}
.fgyellow {
color: yellow;
}
.fgblue {
color: blue;
}
.fgmagenta {
color: magenta;
}
.fgcyan {
color: cyan;
}
.fgwhite {
color: white;
}
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: #0A0A0A;
}
::-webkit-scrollbar-track:hover {
background: #7A7A7A;
}
::-webkit-scrollbar-thumb {
background: #1A1A1A;
border-radius:8px;
border: 2px solid #0A0A0A;
}
::-webkit-scrollbar-thumb:hover {
background: #2A2A2A;
border: 2px solid #7A7A7A;
}