body  {
    background-image: url("image_kartun_blok/background.png");
    background-repeat: repeat;
    background-attachment: fixed;
}

#wrapper
{
	width: 100%;
	height:100%;
	background-color:transparent;
	margin:auto;
}

#header
{
	width: 80%;
	height:10%;
	background-color:transparent;
	margin:auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	background-size: absolute;
    background-repeat: repeat;
}

#menu
{
	width: 80%;
	height:5%;
	background-color:transparent;
	margin:auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

#menu-aktif
{
    background-color: White;
	border-left: 0px solid grey;
	border-right: 0px solid grey;
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
	font-size: 16px;
}

#menu-container
{
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(1) translate(-50%); /* Scaled down for a better Try-it experience (change to 1 for full scale) */
	transform: scale(1) translate(-50%); /* Scaled down for a better Try-it experience (change to 1 for full scale) */
	left: 50%;
	position: absolute;
	width: 1920px;
	height: 1080px;
	border-width: 24px 24px 80px;
	background-color:DimGray;
	font-family: arial;
	color: gray;
}

#navigation ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	position:relative;
	float: left;
	border-top: 0px solid grey;
	border-bottom: 0px solid grey;
	width:16.66%;
}

#navigation ul a
{
	display: block;
	text-decoration: none;
	text-align: center;
	padding: 6.9% 5%;
	font-size: 16px;
	color: GhostWhite;
}

#navigation ul li a:hover
{
	background-color:White;
	opacity: 0.7;
	color: Black;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	transition: 0.6s;
}

#navigation ul ul
{
	display:none;
	position:absolute;
	background-image: url('image_kartun_blok/background.png');
	background-size: cover;
	background-color: transparent;
	width:100%;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

#navigation ul ul li
{
	width:100%;
}

#navigation ul ul a
{
	padding: 8% 6%;

}

#navigation ul li:hover> ul
{
	display:block;
}


#content
{
	width: 80%;
	height: 100%;
	background-color:transparent;
	margin:auto;
}

#content2
{
	width: 80%;
	height:85%;
	background-color:transparent;
	margin:auto;
}

#tajuk-page
{
	border-radius: 25px;
	background-color: Gainsboro;
	background-image: url('image_kartun_blok/background.png');
	border: none;
	color: White;
	text-align: center;
	width: 20%;
	height: 100%;
	font-size: 2em;
}

#footer
{
	width: 80%;
	height:10%;
	background-color:transparent;
	margin:auto;
	display:flex;
	justify-content:center;
	align-items:center;
}