@import url('https://fonts.googleapis.com/css2?family=Monoton&family=Ubuntu+Mono:wght@400;700&display=swap');

body {
	font-family: 'Ubuntu Mono', monospace;
	background:#000; font-weight:400; color:#f9ebeb;
}
a {
	color:#b1b3ff;
}
a:hover {
	color:#407bff;
}
img {
	max-width:100%;
}
body > .container {
	overflow:hidden;
}
.border-danger {
	border-color:#0000ff !important;
}
.boxshadow {
	box-shadow: 2px 2px 6px #0000ff, -2px -2px 6px #0000ff;
}
header {
	background-color:#000;
}
header p {
	color:#7f7f7f; font-weight:700; font-size:16px; padding-bottom:10px;
}
.onclick {
	cursor:pointer;
}
.headtitle {
	font-family: 'Monoton', sans-serif; font-weight:400; font-size:60px; line-height:1.2; text-transform:capitalize;
	color:#5682ff;
}
#menu {
	list-style:none; margin:0;
	display: flex; justify-content: center;
	background: linear-gradient(to bottom,  #03009d 0%,#0000ff 100%);
}
#menu li {
	padding:0; border-right:1px solid rgba(0,0,0,0.3);
}
#menu li:first-child {
	border-left:1px solid rgba(0,0,0,0.3);
}
#menu li a {
	display:block; padding:10px 20px 8px; text-decoration:none; color:#FFF; font-weight:bold;
	text-transform:uppercase;
}
#menu li a:hover {
	color:rgba(255,255,255,0.6); text-decoration:none;
}
.dpaito {
	width:100%; margin-bottom:30px; max-width:100%; margin-left:auto; margin-right:auto;
}
.dpaito td, .dpaito th {
	border:1px solid #333; padding:4px 0;  font-weight:normal; text-align:center;
}
.dpaito .tahun th {
	background: #3e9eff; padding:6px 0; font-size:130%; font-weight:bold; color:#FFF;
}
.dpaito .hari th {
	background: #0080ff; font-weight:bold; width:14.2%;
	color:#FFF;
}
.dpaito tr:not(.hari):not(.tahun) td {
	background:transparent;
}
.copyright {
	color:#FFF; margin-bottom:30px; font-size:14px;
}

@media (min-width: 998px){
	.container {
		max-width: 998px !important;
	}
}
@media (max-width:767px){
	body > .container {
		width:auto; margin-left:10px; margin-right:10px;
	}
	#menu {
		display: block; margin:0; padding:0;
	}
	#menu li {
		display:block;
		border-bottom:1px solid #313131;
	}
	#menu li a {
		display:block; text-align:center;
	}
	.headtitle {
		font-size:30px;
	}
	header p {
		font-size:14px;
	}
}
@media (max-width:640px){
	body { font-size:12px; line-height:1.4; }
    .dpaito td, .dpaito th { font-size:12px; }
	.form-control-sm { font-size:12px; }
	header p { font-size:12px; }
	#akke .form-control {font-size: 12px; padding-left: 6px; padding-right: 6px; }
	#clearakke { height:32px; line-height:1; font-size:12px; }
	.copyright { font-size:10px; }
}