* {
		box-sizing: border-box;
	}

	body {
		background-color: LightSkyBlue;
		font-family: Tahoma, Arial, SanSerif;
		color: MidnightBlue;
	}
	
	.pilian {
		float: left;
		width: 20%;
		text-align: center;
	}
	
	.pilian a {
		background-color: DeepSkyBlue;
		padding: 20px;
		border-radius: 10px;
		margin-top: 7px;
		display: block;
		width: 100%;
		color: Indigo;
		text-decoration: none;
		font-weight: bold;
	}
	
	.pilian a:hover{
	background-color: #cdf5c9;
	}
	
	.una {
		float: left;
		width: 60%;
		padding: 0 20px;
	}

	.kanan {
		background-color: LightBlue;
		float: left;
		width: 20%;
		padding: 15px;
		margin-top: 7px;
		text-align: center;
	}

	@media only screen and (max-width: 620px) {
	/* For mobile phones. */
	.pilian, .una, .kanan {
		width: 100%;
		}
	}
	
	.baba {
		background-color: DodgerBlue;
		text-align: center;
		padding: 10px;
		margin-top: 7px;
	}

	.ulo {
		background-color: DodgerBlue;
		padding: 15px;
		text-align: center;
	}
	
	
	li {
	float: left;
    width: 100%;
}

li a{
	display: block;
	/* color: white; */
	text-align: center;
	padding: 20px;
	text-decoration: none;
}

li a:hover{
	background-color: #cdf5c9;