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

.headlogo {
	background-color: black;
	}

.bar1{
	background-color: #0075b8;
	display: flex;
	flex-direction: auto;
	justify-content: space-around;
	align-items: center;
	
}


.menubar{
	font-family: "Roboto Mono", serif;
	border-style:solid;
	border-radius: 5px;
	border-color: black;
	border-width: 2px;
	padding: 5px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	font-stretch: expanded;
	text-decoration: none;

}

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

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

p{
	color: white;
	text-align: left;
	margin-left: 5px;
}

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

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

.judul{
	color: white;
	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, #0075b8, #171260, #0075b8);
	margin:0;
	line-height: 1.8rem;

}

.finalprice {
	
	font-size:1.5rem;
	letter-spacing: 2px;
	font-weight: bolder;
	padding: 0;
}

.judulteks{
	text-decoration: none;
	color:#0075b8;
}

.judulhistoris {
	color: black;

}

.toto {
	padding: 0;

	border-width: 2px;
	border-color: blue;
	background-color: pink;
	width: 13%;
	font-size: 1.5rem;
	font-weight: bold;
	height: 4rem;
	color: black;

}

.judultoto{
font-size: 2rem ;
font-weight: bold;
}

.finaltoto{
font-size: 3rem;
color: blue;
background-color: gray;
font-weight: bold;

}
.iklan{
    border : 1px solid lightblue;
}
tbody td{
    border-color: white;
}
/*
table {
	border-width: 1px;
	border-radius: 10px;
	width: 100%;
	border-spacing: 0;
	padding: 10;

}

th{
	text-align: center;
}
.judulkel2, .judulkel3 {
	color: black;
}*/