.valign {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.menu{
  transition: .3s;
  cursor: pointer;
  color: #0d3d3d
}

.menu:hover{
  transform: scale(1.15);
}


.aktif{
	background-color: #2a8181;
	color: white;
}

.aktif2{
	background-color: #2a8181;
	color: white;
}

.aktif2:hover{
	background-color: #2a8181;
	color: white;
}


.content{
	background:white;
	width: 100%;
	height: 500px;
}

.isi{
	background-color:white;
	height:100%;
	width: 36%;
	overflow-y:auto;
	overflow-x: hidden;
	font-family:candara;
	font-size:17px;
	line-height:1.5;
	padding:2%;
	text-align: justify ;
	color:black;
	float:left;
	margin:0.5%;
}

.isicontent{
	height:100%;
	overflow-y:auto;
	overflow-x: hidden;
	font-family:candara;
	font-size:17px;
	line-height:1.5;
	padding:2%;
	text-align: justify ;
	float:left;
}


.bord {
	border: 2px solid rgb(42, 129, 129);
	padding-bottom: 10px;
}


.mengamati {
	width: 13%; 
	color: white; 
	border: 2px solid rgb(42, 129, 129); 
	background: rgb(42, 129, 129);
	padding: 5px;
}

.kolom {
	width: 4px;
}



.segi-enam {
	width: 120px;
	height: 80px;
	background: #ffffff;
	position: relative;
}
.segi-enam:before {
	content: "";
	position: absolute;
	top: -25px; 
	left: 0;
	width: 0;
	height: 0;
	border-left: 60px solid transparent;
	border-right: 60px solid transparent;
	border-bottom: 25px solid #ffffff;
}
.segi-enam:after {
	content: "";
	position: absolute;
	bottom: -25px; 
	left: 0;
	width: 0;
	height: 0;
	border-left: 60px solid transparent;
	border-right: 60px solid transparent;
	border-top: 25px solid #ffffff;
}

body {
	overflow: hidden;
}

.dlm {
    text-indent: 0.5in;
    text-align: justify;
}

.htm {
	color: black;
}