body {
	font: 100%/1.4 Verdana, Arial, sans-serif;
	background-color: #94cef5;
	margin: 0;
	padding: 0;	
}

:root {
	--bg-primary: #eaeaea;
	--bg-secondary: #61b3ee;
	--bg-origin:  white;
	--text-primary: #000;
	--text-secondary: #fff;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
    font: size 4px;
}
a img { 
	border: none;	
}
a:link {
	color: #42413C;
	text-decoration: none; 
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

.container {
	width: 960px;
	height: fit-content;
	margin: auto;
	background-color: var(--bg-primary);
}
	
.header {
	background-color: var(--bg-secondary);
}
.sidebar1 {
	float: left;
	width: 180px;
	flex: 0 0 20%;
	background-color: white;
}
.sidebar2 {
	float: left;
	width: 180px;
}
.content {
	padding: 10px 0;
	width: 780px;
	background-color: var(--bg-primary);	
	float: right;
	font-size: smaller;
	text-align: justify;
	text-indent: 2em;	 
}
.content1 {
	padding: 10px 0;
	width: 780px;
	background-color: var(--bg-primary);	
	float: right;
	font-size: smaller;
	font-family: proxima-nova;
}

.content ul, .content ol { 
	padding: 0 15px 10px 40px; 
}
ul.nav {
	list-style: none; /* ini menghapus penanda daftar */
	border-top: 1px solid #666; /* ini membuat batas atas untuk tautan */
	margin-bottom: 0px; /* ini ruang antar navigasi pada konten di bawah */
}
ul.nav li {
	border-bottom: 1px solid #666; /* ini pemisahan tombol */
}
ul.nav a, ul.nav a:visited { 
	padding: 10px 10px 10px 15px;
	display: block; /* ini mengisi seluruh area bereaksi terhadap klik mouse. */
	width: 160px;  /*lebar ini membuat seluruh tombol dapat diklik untuk IE6. */
	background-color: #c6e3f0;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* ini mengubah latar belakang dan warna teks untuk navigator mouse dan keyboard */
	background-color: #4aacf6;
	color: #FFF;
}

/* ~~ The footer styles ~~ */
.footer {
	padding: 10px;
	width: 940px;
	height: auto;
	background-color: var(--bg-secondary);
	position: bottom;
	clear: both; 	
}
.fltrt {  /* class ini digunakan untuk mengapungkan elemen tepat di halaman. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* class ini dapat digunakan untuk mengapungkan elemen yang tersisa di halaman. */
	float: left;
	margin-right: 8px;
}

h1 {
	font-size: 36px;
	color: #FFFFFF;
}
h2 {
	font-size: 15px;
	font-family: proxima-nova;
	text-align: center;
	letter-spacing: .13em;
	margin-top: .7em;
}