File size: 1,751 Bytes
fa832ed 563512f fa832ed 563512f fa832ed 563512f ce93bd3 563512f fa832ed 563512f ce93bd3 563512f fa832ed ce93bd3 563512f fa832ed 563512f fa832ed 563512f fa832ed 563512f fa832ed 563512f fa832ed 563512f fa832ed 563512f fa832ed 563512f fa832ed 563512f fa832ed 563512f fa832ed 563512f fa832ed ce93bd3 563512f fa832ed 563512f fa832ed 563512f fa832ed ce93bd3 fa832ed 563512f fa832ed 563512f ce93bd3 fa832ed 563512f ce93bd3 563512f fa832ed | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 | :root {
--bg: #0c0c0c;
--fg: #eeeeee;
--muted: #8f8f8f;
--pink: #e03971;
--panel: #0c0c0c;
--code: #111111;
}
* {
box-sizing: border-box;
}
html,
body {
min-height: 100%;
margin: 0;
background: var(--bg);
color: var(--fg);
}
body {
font-family: Consolas, "Cascadia Mono", "Cascadia Code", "SFMono-Regular", Menlo, Monaco, "Liberation Mono", monospace;
font-size: clamp(17px, 1.18vw, 23px);
line-height: 1.42;
}
.page {
min-height: 100vh;
display: grid;
place-items: center;
padding: clamp(18px, 3vw, 56px);
background: var(--bg);
}
.terminal {
width: min(1120px, calc(100vw - 48px));
min-height: min(760px, calc(100vh - 48px));
background: var(--panel);
color: var(--fg);
}
.cmdline {
margin-bottom: 2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.banner {
margin: 0;
color: var(--fg);
white-space: pre;
line-height: 1.35;
overflow-x: auto;
}
.pink,
.role.veyra,
.helper span {
color: var(--pink);
}
.helper {
margin-top: 14px;
color: var(--muted);
}
.line {
margin-top: 10px;
white-space: pre-wrap;
}
.role {
color: var(--fg);
font-weight: 700;
}
.code {
margin: 8px 0 4px;
padding: 10px 12px;
background: var(--code);
border-left: 1px solid var(--pink);
color: var(--fg);
white-space: pre-wrap;
overflow-x: auto;
}
.cursor {
display: inline-block;
width: 0.55em;
height: 1.05em;
background: var(--fg);
vertical-align: -0.18em;
animation: blink 1.05s steps(1, end) infinite;
}
@keyframes blink {
50% { opacity: 0; }
}
@media (max-width: 760px) {
body {
font-size: 13px;
}
.page {
place-items: start center;
padding: 14px;
}
.terminal {
width: 100%;
min-height: auto;
}
}
|