body {	background-color: #e8f0ff;
margin: 0;
padding: 0;}
.tabs {
	width: 90%;
	margin: 0 auto;}
input { display: none;}

input:checked + label {
  background-color: #7caeff;
  color: white;
}


input[id=Android]:checked ~ .content_tabs .Android {
	 display: block;
}

input[id=LRM]:checked ~ .content_tabs .LRM {
	display: block;
}

input[id=UNITY]:checked ~ .content_tabs .UNITY {
	 display: block;
}

input[id=Scratch]:checked ~ .content_tabs .Scratch {
	display: block;
}

input[id=PYTHON]:checked ~ .content_tabs .python {
	display: block;
}

input[id=PC]:checked ~ .content_tabs .pc {
	display: block;
}

input[id=ARDUINO]:checked ~ .content_tabs .arduino {
	display: block;
}

input[id=FRE]:checked ~ .content_tabs .fre {
	display: block;
}

input[id=KIDS]:checked ~ .content_tabs .kids {
	display: block;
}

input[id=SP]:checked ~ .content_tabs .sp {
	display: block;
}

label {
	cursor: pointer;
	display: inline-block;
	padding: 10px 20px;
	background-color: #93a3bc;
	border-radius: 10px 10px 0 0;
}
.content_tabs {
	position: relative;
}

.content_tabs article {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #fff;
		border-top: 5px solid #7caeff;
		padding: 10px;
		display: none;
		border-radius: 0 0 10px 10px;

}

label:hover
{
		background-color: #bac7db;
		box-shadow: 1px -1px 3px #111;
}
#gg-link{padding:10px 0;}
#gg-link a{
    padding: 10px 20px;
    text-decoration: none;
    color: #000;
}