66 lines
987 B
CSS
66 lines
987 B
CSS
@import "../../node_modules/@speed-highlight/core/dist/themes/dark.css";
|
|
@import "./App.css";
|
|
|
|
html,
|
|
head,
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
font: 2vh monospace;
|
|
height: 100vh;
|
|
width: 100vw;
|
|
}
|
|
|
|
body {
|
|
color: #dedede;
|
|
text-shadow: 0 0 5px #c8c8c8;
|
|
background: radial-gradient(
|
|
at bottom right,
|
|
var(--gradient-color, rgba(150, 150, 150, 0.1)) 0%,
|
|
rgba(0, 0, 0, 1) 100%
|
|
);
|
|
display: flex;
|
|
height: 100vh;
|
|
width: 100vw;
|
|
overflow: hidden;
|
|
}
|
|
|
|
p {
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: 1.4em;
|
|
}
|
|
|
|
.terminal {
|
|
white-space: pre-wrap;
|
|
font-family: monospace;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
overflow-y: auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
box-sizing: border-box;
|
|
|
|
gap: 0.4em;
|
|
}
|
|
|
|
.terminal-input {
|
|
background: transparent;
|
|
border: none;
|
|
color: inherit;
|
|
font: inherit;
|
|
outline: none;
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
.terminal-line {
|
|
display: flex;
|
|
align-items: baseline;
|
|
flex-direction: row;
|
|
width: 100%;
|
|
}
|
|
|
|
.terminal-line > span {
|
|
white-space: pre;
|
|
}
|