@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Sirin+Stencil&display=swap');

body {
	font-family: 'Lato', sans-serif;
	background:#333 url(img/prism.png) 0 0 repeat; font-weight:300;
}
a {
	color:#ffb0b0; text-decoration:none;
}
a:hover {
	color:#f93c3c;
}
img {
	max-width:100%;
}
.bgwrap {
	background:#222; border:2px solid #af2020;
}
.border-danger {
	border-color:#af2020 !important;
}
header {
	background:#222 url(img/bgweb2.png) 50% 50% no-repeat;
	background-size:cover;
	text-align:center; padding:0 0 35px;
	border-bottom:2px solid #af2020;
}
header p {
	color:#7f7f7f; font-weight:700; font-size:16px;
}
.headtitle {
	font-family: 'Sirin Stencil', sans-serif; font-weight:400; font-size:80px; line-height:1.6; text-transform:capitalize;
	-webkit-animation: Color 4s ease-in-out infinite;
	  background: -webkit-linear-gradient(#ed2a2a, #510d0d);
	  -webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;
}
#menu {
	list-style:none; margin:0;
	display: flex; justify-content: center;
	background: linear-gradient(to bottom,  #af2020 0%,#411c1c 100%);
}
#menu li {
	padding:0;
}
#menu li a {
	display:block; padding:10px 18px 10px; text-decoration:none; color:#FFF; font-weight:700;
	text-transform:capitalize; font-size:14px;
}
#menu li a:hover {
	color:#a7a7a7; text-decoration:none;
}
.datapaito {
	width:760px; margin-bottom:30px; max-width:100%; margin-left:auto; margin-right:auto; background:#111;
}
.datapaito td, .datapaito th {
	border:1px solid #a9a9a9; padding:4px 0;  font-weight:normal; text-align:center;
}
.datapaito .tahun th {
	background: linear-gradient(to bottom,  #af2020 0%,#411c1c 100%); padding:6px 0; font-size:120%; font-weight:bold; color:#FFF;
}
.datapaito .hari th {
	background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); font-weight:bold; width:14.2%;
	color:#e17c6c; text-shadow:0 1px 1px #000;
}
.datapaito tr:not(.hari):not(.tahun) td {
	background:transparent; color:#dbdbdb; font-size:14px;
}
.copyright {
	color:#FFF; margin-bottom:30px; font-size:14px;
}

@media (min-width: 992px){
	.container {
		max-width: 990px !important;
	}
}
@media (max-width:767px){
	.datapaito .tahun th {
		font-size:16px;
	}
	.datapaito td, .datapaito th {
		font-size:12px;
	}
	body > .container {
		width:auto; margin-left:10px; margin-right:10px;
		font-size:14px;
	}
	#menu {
		display: block; margin:0; padding:0;
	}
	#menu li {
		display:block;
		border-bottom:1px solid #af2020;
	}
	#menu li a {
		display:block; text-align:center;
	}
	.headtitle {
		font-size: 32px;
	}
	header p {
		font-size:14px;
	}	
	.datapaito tr:not(.hari):not(.tahun) td {
		font-size:12px;
	}
}
@media (max-width:330px){
	.datapaito tr:not(.hari):not(.tahun) td {
		font-size:11px;
	}
}