:root {
    --Hintergrund: #111111;
    --Hintergrund-2: #1b1b1b;
    --Ueberschriften: #00eaff;
    --Ueberschriften-2: #006293;
    --text: rgb(135, 135, 135);
    --text-2: #a1a1a1;
    --button-transition-color: rgb(0, 229, 255);
    --Glas: rgba(64, 0, 116, 0.781);
    --G1: #000808;
    --G2: #001f22;
    --G3: #014b52;
    --G4: #00282c;
    --G5: #004c53;
    --G6: #003b41;
}

body {
	margin: 25px;
	background-color: var(--Hintergrund);
	color: var(--Ueberschriften);
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	padding: 0;
}
h1 {
	background-color: var(--Hintergrund-2);
	padding: 20px;
text-align: center;
}

input[type=text] {
	max-width: 90%;
	padding: 12px 20px;
	margin: 10px 0;
	box-sizing: border-box;
	border: none;
	border-radius: 4px;
	background-color: var(--Ueberschriften);
	color: var(--Hintergrund);
}
input[type=submit] {
	margin: 10px;
	background-color: var(--Hintergrund);
	color: var(--Ueberschriften);
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	border: 1px solid var(--Ueberschriften);
	cursor: pointer;
}
input[type=submit]:hover {
	background-color: var(--Hintergrund-2);
}
button{
	margin: 10px;
	background-color: var(--Ueberschriften-2);
	color: #00eaff;
}
button:hover{
	background-color: var(--Ueberschriften);
	color: var(--Hintergrund);
}


#myList{

	max-width: 600px;
	margin: 2px;
	background-color: var(--Hintergrund-2);
	color: var(--Ueberschriften);
	border: 1px solid var(--Ueberschriften);
	box-shadow:2px 3px 3px 3px #00eaff;
	font-size: 15px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

#input{

	max-width: 80em;
	max-height: 20em;

}