body{
	background-image:url(stacks.jpg);
	background-size: 100%
	}
#Badan{
	height: relative;
	width: 1330px;}
#kerangka-judul{
	height: 150px;
	width: relative;
	border:1px solid back;
	}
#judul{
	height: 150px;
	margin: 0px 500px 0px 500px;}
#kerangka-menu-atas{
	height: 150px;
	width: relative;
	margin-top: 75px;}
#menu-eng{
	height: 150px;
	width: 150px;
	float: left;
	margin-left:450px;
	background-color:white;
	cursor: pointer;
	border-radius: 100px;}
#menu-indo{
	height: 150px;
	width: 150px;
	float: right;
	margin-right: 450px;
	background-color:white;
	cursor: pointer;
	border-radius: 100px
}
#kerangka-menu-bawah{
	height: 150px;
	width: relative;
	margin-top: 30px;
	}
#menu-others{
	height: 150px;
	width: 150px;
	background-color:white;
	cursor: pointer;
	margin: 0px 590px 0px 590px;
	border-radius: 100px
	}
#Footer{
	margin: 35px 0px 0px 0px;
	height:50px;
	float:none;
	width: relative;
	background-color: black;
	border: 1px solid black;}
.copyright{
	text-align: center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: white}

.lingkaran{
	position: absolute;
	border: 5px solid #FFFFFF;
	margin-left:450px;
	opacity:9;
	border-radius: 100px;
	border-right:5px solid #0cf;
	border-left:5px solid #0cf;
	box-shadow: 0 0 35px #27f;
	width: 140px;
	height: 140px;
	animation-name: spin;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-duration: 1000ms;
	}
.lingkaran1{
	position: absolute;
	border: 5px solid #FFFFFF;
	margin-left: 730px;
	opacity:9;
	border-radius: 100px;
	border-right:5px solid #0cf;
	border-left:5px solid #0cf;
	box-shadow: 0 0 35px #27f;
	width: 140px;
	height: 140px;
	animation-name: spin;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-duration: 1000ms;
	}
.lingkaran2{
	position: absolute;
	border: 5px solid #FFFFFF;
	margin-left: 590px;
	opacity:9;
	border-radius: 100px;
	border-right:5px solid #0cf;
	border-left:5px solid #0cf;
	box-shadow: 0 0 35px #27f;
	width: 140px;
	height: 140px;
	animation-name: spin;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-duration: 1000ms;
	}
@keyframes spin{
	from{ transform:rotate(0deg)}
	to{transform:rotate(180deg);}}
	/*
	#menu-eng{
	height: 150px;
	width: 150px;
	margin: 0px 0px 0px 350px;
	position:absolute;
	border: 1px solid black}
#menu-indo{
	height: 150px;
	width: 150px;
	float: right;
	align-self:center;
	border:1px solid black;
}
*/
#Perintah-eng{
	position: absolute;
	height: relative;
	width: 250px;
	background-color: red;
	margin-top: 170px;

	}
.perintah-eng{
	font-size: 24px;
	text-align:center;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif}
.bahasa{
	font-size: 24px;
	color: black;
	text-align:center;
	cursor: pointer;
	line-height: 100px;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif
	}

.other{
	font-size: 24px;
	text-decoration: none;
	color: black;
	text-align:center;
	cursor: pointer;
	line-height: 150px;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif
	}
.arab{
	font-family: "Traditional Arabic";
	font-size: 36px;
	text-align:center;
	}
a{
	text-decoration: none}