body{
	background: #5f898f62;
	
}
.mytabs {
	display: flex;
	flex-wrap: wrap;
	margin: 50x auto;
	padding: 25px;
}
.mytabs input[type="radio"] {
	display: none;
}
.mytabs label {
	padding: 25px;
	background: rgb(190, 179, 179);
	font-weight:bold;
}

.mytabs .tab{
	width: 100%;
	padding: 20px;
	background: rgb(170, 177, 236);
	order: 1;
	display: none;
}
.mytabs .tab h2 {
	font-size: 3em;
}

.mytabs input[type='radio']:checked + label +.tab{
	display: block;
}

.mytabs input[type="radio"]:checked+label{
  background:rgb(170, 177, 236) ;
}

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

th, td {
	text-align: left;
	padding: 8px;
}