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

body {
	font-family: 'Raleway', sans-serif;
	background:#fbf3f3; font-weight:400;
}
a {
	color:#c90000;
}
a:hover {
	color:#f93434;
}
img {
	max-width:100%;
}
.glowing {
    -webkit-box-shadow: inset 0 0 20px #f00;
    -moz-box-shadow: inset 0 0 20px #f00;
    box-shadow: inset 0 0 20px #f00;
}
header {
	background:#9d0000 url(/img/shley-tree-1.png) repeat 0 0;
}
.headtitle {
	font-family: 'Acme', sans-serif; font-weight:700;
	font-size:50px; margin-bottom:0;
}
#bgmenu {
	background: #b70303;
	background: -moz-linear-gradient(top,  #b70303 0%, #e86c57 50%, #ea2803 51%, #ff6600 75%, #c72200 100%);
	background: -webkit-linear-gradient(top,  #b70303 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%);
	background: linear-gradient(to bottom,  #b70303 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b70303', endColorstr='#c72200',GradientType=0 );
}
#menu {
	list-style:none; margin:0;
	display: flex;
	justify-content: center;
}
#menu li {
	padding:0; border-right:1px solid #ad0303;
}
#menu li:first-child {
	border-left:1px solid #ad0303;
}
#menu li a {
	display:block; padding:10px 15px; text-decoration:none; color:#FFF; font-weight:bold;
}
#menu li a:hover {
	background: #959595;
	background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
	background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
	background: linear-gradient(to bottom,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 );
}
.datapaito {
	font-family: 'Acme', sans-serif;
	width:100%; margin-bottom:30px;
}
.datapaito td, .datapaito th {
	border:2px solid #404040; padding:3px 0;  text-align:center;
}
.datapaito .tahun th {
	background:transparent; padding:6px 0; font-size:150%; color:#C00; border:none;
}
.datapaito .hari th {
	background: #959595;
	background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
	background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
	background: linear-gradient(to bottom,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 );
	color:#FFF; 
}
.datapaito tr:not(.hari):not(.tahun) td {
	color:#000; font-size:18px;
	background:#FFF;
}
.datapaito tr:not(.hari):not(.tahun):nth-child(6n+1) td {
	background:#FFF;
}
.datapaito tr:not(.hari):not(.tahun):nth-child(6n+2) td {
	background:#ffffc9;
}
.datapaito tr:not(.hari):not(.tahun):nth-child(6n+3) td {
	background:#ffe0e0;
}
.datapaito tr:not(.hari):not(.tahun):nth-child(6n+4) td {
	background:#e0ffe0;
}
.datapaito tr:not(.hari):not(.tahun):nth-child(6n+5) td {
	background:#e6e0ff;
}
.datapaito tr:not(.hari):not(.tahun):nth-child(6n+6) td {
	background:#e5fdff;
}
.datapaito tr:not(.hari):not(.tahun) td:nth-child(1) {
	background:#f3f0f0;
}
.datapaito tr:not(.hari):not(.tahun) td.xxx {
	background:#CCC !important; color:#666 !important;
}
footer {
	background:#9d0000 url(/img/shley-tree-1.png) repeat 0 0; color:#CCC; padding:20px 0;
}
.copyright {
	color:#CCC; margin-bottom:0; font-size:12px;
}

@media (min-width: 992px){
	.container {
		max-width: 970px !important;
	}
}
@media (max-width:767px){
	.datapaito .tahun th {
		font-size:16px;
	}
	.datapaito td, .datapaito th ,
	.datapaito tr:not(.hari):not(.tahun) td {
		font-size:12px;
	}
	body > .container {
		width:auto; margin-left:10px; margin-right:10px;
	}
}