body {
	margin: 0;
	padding: 0;
	font-family: 'Courier New', Courier, monospace;
	background-color: black;
	color: white;
	overflow-x: hidden;
}

.containerCMD {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	min-width: 100%;
	position: relative;

}

.terminal {
	width: 100%;
	min-width: 100%;
	margin: 50px auto;
	background-color: black;
	border-radius: 5px;
	padding: 10px;
}

.title-bar {
	background-color: #2e2e2e;
	color: white;
	padding: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.content2 {
	white-space: pre-wrap;
	/* Allows line breaks */
}

.content {
	padding: 10px;
	white-space: pre-wrap;
	/* Allows line breaks */
}

.content {
    padding: 10px;
    white-space: pre-wrap;
    color: white; /* Set text color to white */
}


.input-line {
	display: flex;
	align-items: center;
	padding: 5px;
}

.input-line input:focus {
	background-color: black;
	/* Background color black when input is focused */
	box-shadow: none;
	/* Remove the focus glow */
	color: white;
}

.input-line span {
	margin-right: 5px;
	color: #00ff00;
	animation: blink 1s infinite;
}

.input-line input {
	background-color: black;
	color: rgb(255, 255, 255);
	/* Textfarbe schwarz */
	border: none;
	outline: none;
	font-family: 'Courier New', Courier, monospace;
	font-size: 16px;
	width: 90%;
	caret-color: #00ff00;
	/* Cursorfarbe grün */
}

@keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes shutdownEffect {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(0);
        opacity: 0;
    }
}



canvas {
	background-color: black;
}