body {
	background-color:black;
	margin: 1px;
	}

.headlogo {
	background-color: black;
	width: 70%;
	}

.bar1{
	background-color: yellow;
	display: flex;
	flex-direction: auto;
	justify-content: space-around;
	align-items: center;
	overflow: hidden;
}


.menubar{
	font-family: "Roboto Mono", serif;
	border-style:solid;
	border-radius: 5px;
	border-color: black;
	border-width: 2px;
	padding: 5px;

	font-weight: bold;
	font-size: 18px;
	font-stretch: expanded;
	text-decoration: none;



}

.opt:hover {
	color:green;
  	font-size: 22px;	
 	text-decoration: none;
}

.opt{
	text-decoration: none;
	color: black;
}

p{
	color: white;
	text-align: left;
}

table,td,th{
	border:1px solid black;

}
td{
	color:white;
	font-size: 16px;
	padding: 3px;
	text-align: center;
	line-height: 250%;
	letter-spacing: 1px;
}

.judul{
	color: black;
    font-weight: bolder;
	background: rgb(2,0,36);
	/* background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(255,0,211,0.7763305151162028) 72%, rgba(232,9,9,1) 100%);  */
	background : linear-gradient(to bottom, yellow,orange,yellow);
	border-bottom-color: black;
}

.finalprice {
	
	font-size:20px;
	letter-spacing: 2px;
	font-weight: bolder;
	padding: 0;
	background-color: white;
	color: black;
	border:1px solid black;
}
.titleKeluaran {
    color: black;
    border-color: black;
    
}

.judulteks{
	text-decoration: none;
	color:white;
}

.judulhistoris {
	color: black;
	
}
.historis{
	background-color: white;
	color:black;
	border-color: black;
}
/*

.judulkel2, .judulkel3 {
	color: black;
}*/