body
{
	position:relative;	
	color:white;
	font-size: 12pt;	font-family:"Trebuchet MS", Verdana;
	text-align: left;	margin-left: 40px; margin-top: 10px;
	padding: 10px;
	height:Auto;
	min-height : 100vh;
	background-attachment: fixed;
	background-repeat: no-repeat;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00032e+0,121093+58,29c6ce+100 */
	background: rgb(0,3,46); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgb(0,3,46) 0%, rgb(18,16,147) 58%, rgb(41,198,206) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgb(0,3,46)), color-stop(58%,rgb(18,16,147)), color-stop(100%,rgb(41,198,206))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(-45deg,  rgb(0,3,46) 0%,rgb(18,16,147) 58%,rgb(41,198,206) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(-45deg,  rgb(0,3,46) 0%,rgb(18,16,147) 58%,rgb(41,198,206) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(-45deg,  rgb(0,3,46) 0%,rgb(18,16,147) 58%,rgb(41,198,206) 100%); /* IE10 preview */
	background: linear-gradient(135deg,  rgb(0,3,46) 0%,rgb(18,16,147) 58%,rgb(41,198,206) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00032e', endColorstr='#29c6ce',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



}

hr{ background: cyan; /* For browsers that do not support gradients */ 
  height: 25px;
  background: -webkit-linear-gradient(left, Blue , cyan , yellow , cyan, blue ); /*For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, Blue , cyan , yellow , cyan, blue); /* For Opera 11.1 to 12.0 */ 
  background: -moz-linear-gradient(right, Blue , cyan , yellow , cyan, blue); /* For Firefox 3.6 to 15 */ 
  background: linear-gradient(to right, Blue , cyan , yellow , cyan, blue); /* Standard syntax */
  }

.mainblock
{
	padding:50px;	border : solid 1px #DDDDDD;	
	width:798px;	background-color: #F5F5F5;
	text-align:left;
}

a 
{	color: #FFFF00;	font-weight: bold; text-decoration: none; }

.afolder
{
	color: #014579;		font-weight:bold;	text-decoration: none;	
	padding-left:30px;	padding-top:7px; list-style-type:none;
}


.bgdir1 { background: url(./?getimg=folder1) no-repeat left; }
.bgdir2 { background: url(./?getimg=folder2) no-repeat left; }
.bgdir3 { background: url(./?getimg=folder3) no-repeat left; }

kuning {
  display: inline-block;
  color: yellow;
  text-shadow: .03em .03em 0 hsla(230,40%,50%,1);
  }
  
h2 {
  display: inline-block;
  color: white;
  font-family: 'Verdana', serif;
  font-size: 32px; 
  text-shadow: .03em .03em 0 hsla(230,40%,50%,1);
  }
  h2:after {
	content: attr(data-shadow);
	position: absolute;
	top: .06em; left: .06em;
	z-index: -1;
	text-shadow: none;
	background-image:
	  linear-gradient(
		45deg,
		transparent 45%,
		hsla(48,20%,90%,1) 45%,
		hsla(48,20%,90%,1) 55%,
		transparent 0
		);
	background-size: .05em .05em;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  
	animation: shad-anim 15s linear infinite;
	}

@keyframes shad-anim {
  0% {background-position: 0 0}
  0% {background-position: 100% -100%}
  }

hr
{
	color: #DDDDDD;	background-color: #DDDDDD;
	height: 1px;	border: 0;
}

blink, .blink
	{
		-webkit-animation: blink 4s step-end infinite;
		animation: blink 4s step-end infinite
	}

	@-webkit-keyframes blink,  .blink
	{
		67% { opacity: 0 }
	}

	@keyframes blink, .blink
	{
		67% { opacity: 0 }
	}