@charset "UTF-8";

body {
	background-color: White;
	max-width: 75em;
	margin: 0 auto;
	font-family: Verdana, Tahoma, sans-serif;
	color: Black;
}

header, main, article, section, aside, footer {
	flex: 1 100%;
}

main {
	flex: 1;
	display: block;
	/* fallback für IE 9-11 */
	margin-top: 3em;
}

table, th, td {
	border: 1px solid orange;
}

table {
	border-collapse: collapse;
	width: 100%;
}

h3 {
	border-top: 1px solid Grey;
	padding: .3em;
}
h4 {
	background-color: #eeeeee;
	padding: .3em;
}

td {
	vertical-align: top;
}

.request {
	color: Blue;
}

.answer {
	color: Green;
}

button.all {
	color: rgb(255, 255, 255);
	border: none;
	text-align: center;
	height: 33px;
	width: 80px;
	font-weight: bold;
	border-radius: 4px;
	display: inline-block;
	margin: 6px;
	border-radius: 4px;
}

button.del {
	background-color: rgb(249, 62, 62);
}

button.get {
	background-color: rgb(97, 175, 254);
}

button.patch {
	background-color: rgb(80, 227, 194);
}

button.post {
	background-color: rgb(73, 204, 144);
}

button.put {
	background-color: rgb(252, 161, 48);
}

p.all, td {
	color: rgb(0, 0, 0);
	height: 45px;
	padding-left: 0.3em;
	padding-right: 0.3em;
	vertical-align: middle;
}

p.del, td.del {
	background-color: rgb(250, 231, 231);
	border: 1px solid rgb(249, 62, 62);
}

p.get, td.get {
	background-color: rgb(235, 243, 251);
	border: 1px solid rgb(97, 175, 254);
}

p.patch, td.patch {
	background-color: rgb(233, 248, 245);
	border: 1px solid rgb(80, 227, 194);
}

p.post, td.post {
	background-color: rgb(232, 246, 240);
	border: 1px solid rgb(73, 204, 144);
}

p.put, td.put {
	background-color: rgb(251, 241, 230);
	border: 1px solid rgb(252, 161, 48);
}

.c {
	text-align: center;
}