h1
		{
			font-size: 40px;
			color: white;
			text-align: center;
		}
h2
		{
			font-size: 30px;
			color: white;
			text-align: center;
		}
table, td
		{
			text-align: center;	
		}
#eintraege
		{
			width: 50%;
			margin-left: 25%;
			margin-right: 25%;
		}
li
	{
		border-bottom: 1px solid white;	
		text-align: center;
		list-style-type: none;
	}
li div~div
	{
		text-align: right;
		padding-right: 20px;
	}
form#Eintrag
	{
		border: 5px outset white;
		width: 300px;
	}
#neuerEintrag
		{
			width: 250px;
			position: fixed;
			top: 10px;
			margin-left: 1000px;
		}
#header {
			grid-area: header;
			font-size: 50px;
			text-align: center;
		}
#menu 	{
			grid-area: menu;
		}
#main 	{
			grid-area: main;
			font-size: 20px;
			text-align: center;
		}
#footer	{
			grid-area: footer;
			font-size: 10px;
			text-align: center;
		}

#grid-container
	{
  		display: grid;
  		grid-template-areas:
    		'header header header header header header'
			'menu menu menu menu menu menu'
    		'main main main main main main'
    		'footer footer footer footer footer footer';
		background-color: black;
		color: white;
	}

#grid-container > div
	{
  		text-align: center;
	}

#button
	{
  		background-color: white;
  		border: none;
 		border-radius: 12px;
  		color: black;
  		padding: 2% 4%;
  		text-align: center;
  		display: inline-block;
  		font-size: 16px;
  		margin: 4px 2px;
  		cursor: pointer;
	}
#button2
	{
  		background-color: white;
  		border: none;
 		border-radius: 12px;
  		color: black;
  		padding: 1% 1%;
  		text-align: center;
  		display: inline-block;
  		font-size: 15px;
  		cursor: pointer;
	}
iframe
	{
		position:absolute;
		top: 50%;
		left: 70%;	
	}