@import url('https://fonts.cdnfonts.com/css/source-code-pro');
html,
body {
	background-image: none !important;
	background-color: rgba(40, 42, 54, 1) !important;
}

body * {
	font-family: 'Source Code Pro', sans-serif;
	color: rgba(248, 248, 242, 1) !important;
	background-color: rgba(40, 42, 54, 1) !important;
}
body{
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

a,
a * {
	color: rgba(80, 250, 123, 1) !important;
	background-color: transparent !important;
}

a:hover,
a:hover *,
a:visited:hover,
a:visited:hover *,
span[onclick]:hover,
div[onclick]:hover,
[role="link"]:hover,
[role="link"]:hover *,
[role="button"]:hover *,
[role="menuitem"]:hover,
[role="menuitem"]:hover *,
.link:hover,
.link:hover * {
	color: rgba(241, 250, 140, 1) !important;
}

a:visited,
a:visited * {
	color: rgba(98, 114, 164, 1) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
[id*="headline"],
[class*="headline"],
[id*="header"],
[class*="header"],
[class*="header"] td {
	color: rgba(255, 184, 108, 1) !important;
}

table {
	background-color: rgba(40, 42, 54, 1) !important;
}

[id*="overlay"],
[id*="lightbox"],
blockquote {
	background-color: rgba(68, 71, 90, 1) !important;
}

pre,
dl {
	background-color: rgba(68, 71, 90, 1) !important;
}

input,
select,
button,
[role="button"],
a.button,
a.submit,
a.BigButton,
a.TabLink,
.install[onclick] {
	text-indent: 5px;
	appearance: none !important;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	background: rgba(68, 71, 90, 1) !important;
}

textarea {
	appearance: none !important;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	background: rgba(68, 71, 90, 1) !important;
}

div,
ul,
li {
	background-image: none !important;
}

a.highlight,
a.highlight *,
a.active,
a.active *,
.selected,
.selected *,
[href="#"] {
	font-weight: bold !important;
	color: rgba(139, 233, 253, 1) !important;
}

.terminal {
  background-color: black;
  border: 2px solid rgba(68, 71, 90, 1);
  border-radius: 5px;
  width: 90vw;
  height: 80vh;
  display: flex;
  flex-direction: column;
  padding: 10px;
}

.terminal-output {
  flex: 1;
  overflow-y: auto;
  line-height: 20px;
}

.terminal-input {
  display: flex;
}

.terminal-input span {
  color: #00ff00; /* Green color for the prompt symbol, you can change this */
  margin-right: 5px;
}

.terminal-input input {
  flex: 1;
  background-color: black;
  border: none;
  color: white;
  outline: none;
}
span.error{
	color: #ff5555 !important;
}