:root {
  --bg-color: #000;
  --text-color: #03ab00;
  --cursor-color: #03ab00;
  --border: #e1e1e1;
}
[data-theme="light"] {
  --bg-color: #f5f5f5;
  --text-color: #222;
  --cursor-color: #333;
  --border: #e1e1e1;
}
html, body {
  background: var(--bg-color);
  color: var(--text-color);
  padding: 15px;
  transition: background-color 0.3s ease, color 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
}
#text {
	flex: 1;
	overflow-y: auto;
	box-sizing: border-box;
	min-height: 0;
	position: relative;
	padding-bottom: 40px;
}
.terminal-line {
	flex-shrink: 0;
}
@keyframes dotsAnimation {0% { content: ""; } 33% { content: "."; } 66% { content: ".."; } 100% { content: "..."; } } 
span::after { content: ""; display: inline-block; animation: dotsAnimation 1.5s infinite steps(1);} 
.logo {width:30%; position: absolute; right: 0px;} 
.logo img {max-width:80%;}
.console {
	border-top: 1px solid var(--border);
	padding: 10px;
	position: sticky;
	bottom: 0;
	z-index: 10;
	background: var(--bg-color);
}
.console input {border: 0; background: var(--bg-color); color: var(--text-color); width: 100%;}
.console input:focus {outline:none;}