* {
	color: white;
	background-color: #040404;
}

.container {
    max-width: 400px;
    margin: 0 auto;
    padding: 20px;
}

.x-container_full {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
}

h1 {
    text-align: center;
}

form {
    display: flex;
    flex-direction: column;
}

button {
    padding: 10px;
    background-color: #7a7a7a56;
	font-weight: bold;
    color: white;
    border: none;
    border-radius: 4px;
	border: 2px solid #5a5a5a56;
    cursor: pointer;
}

button:hover {
    background-color: #7b7b7b;
}

.colordunkel {
	color: #9a9a9a56;
}

.colorhell {
	color: #7a7a7a;
}

textarea {
	xposition: relative;
	position: fixed;
	xtop:40px;
	width: 100vw;
	xheight: 87vh;
	padding: 2em;
	resize: none;
	background-color: #040404;
	border: 1px solid #5a5a5a56;
}

.header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 20px;
}

.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 40px;
}

.bt_breit {
	width: 100%;
}