|
|
.App { text-align: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0;
background: #111;
color: #aaa; }
input, textarea { background: #111; outline: none; border: none; resize: none; color: #aaa; font-size: 1em; }
textarea { margin-left: auto; margin-right: auto; width: 40ch; max-width: 90%; height: calc(100% - 2em); box-sizing: border-box;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; }
input { width: calc(100% - 10ch); }
span { opacity: 0.125; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #111; }
::-webkit-scrollbar { width: 4px; background-color: #000; }
::-webkit-scrollbar-thumb { background-color: #900; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent) }
.App-status { text-align: left; margin-left: 1ch; }
|