@import url('https://fonts.googleapis.com/css2?family=Foldit:wght@300&family=Roboto+Condensed:ital,wght@0,400;0,700;1,300&display=swap');

body {
	font-family: 'Roboto Condensed', sans-serif;
	background:#000; font-weight:300;
}
a {
	color:#f7d627;
}
a:hover {
	color:#ffe766;
}
img {
	max-width:100%;
}
.border-danger {
	border-color:#f7d627 !important;
}
.boxshadow {
	box-shadow: 2px 2px 6px #f7d627, -2px -2px 6px #f7d627;
}
.headtitle {
	font-family: 'Foldit', sans-serif; font-weight:400; font-size:130px; line-height:1; text-transform:uppercase;
	-webkit-animation: Color 4s ease-in-out infinite;
}
#menu {
	list-style:none; margin:0;
	display: flex; justify-content: center;
	background: linear-gradient(to bottom,  #fcff2c 0%,#f7d627 100%);
}
#menu li {
	padding:0;
}
#menu li a {
	display:block; padding:10px 19px 8px; text-decoration:none; color:#000; font-weight:bold;
	text-transform:uppercase;
}
#menu li a:hover {
	color:#a7a7a7; text-decoration:none;
}
.datapaito {
	width:700px; margin-bottom:30px; max-width:100%; margin-left:auto; margin-right:auto;
}
.datapaito td, .datapaito th {
	border:1px solid #fff; padding:4px 0;  font-weight:normal; text-align:center;
}
.datapaito .tahun th {
	background: linear-gradient(to bottom,  #fcff2c 0%,#f7d627 100%); padding:6px 0; font-size:120%; font-weight:bold; color:#000;
}
.datapaito .hari th {
	background: linear-gradient(to bottom,  #b5bdc8 0%,#828c95 100%); font-weight:bold; width:14.2%;
	color:#000;
}
.datapaito tr:not(.hari):not(.tahun) td {
	background:transparent; color:#FFF;
}
.copyright {
	color:#FFF; margin-bottom:30px; font-size:14px;
}

@media (min-width: 992px){
	.container {
		max-width: 990px !important;
	}
}
@media (min-width: 1200px){
	.container {
		max-width: 1200px !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;
	}
	#menu {
		display: block; margin:0; padding:0;
	}
	#menu li {
		display:block;
		border-bottom:1px solid #f7d627;
	}
	#menu li a {
		display:block; text-align:center;
	}
	.headtitle {
		font-size:40px;
	}
	header p {
		font-size:14px;
	}
}