td,p,span {color:black}
body {
	color:black;
	display: flex;
	align-items: flex-end;
	background: #eef6f7;
	margin-top:0px;margin-left:0px;
}

.bunga {
	width: 160px;
	transform-origin: bottom center;
	transition: transform 2s ease-in-out;
}

.font1 {font-family:White Star Personal Use Only,University Roman LET,Tiranti Solid Let}
.font2 {font-family:Garamond,Tiranti Solid Let, University Roman LET}
.font3 {font-family:Garamond,Square721 BT, Verdana, Arial}
.font4 {font-family:samantha,Square721 BT, Verdana, Arial}
/*
.font1 {font-family:University Roman LET,Tiranti Solid Let, Square721 BT}
.font2 {font-family:Tiranti Solid Let, University Roman LET, Square721 BT}
.font3 {font-family:Square721 BT, Verdana, Arial}
*/
.slideshow {
	position: relative;
	max-width: 800px;
	height: 400px;
	margin: auto;
	overflow: hidden;
	<!--background: #000;-->
}
.slideshow img {
	position: absolute;
	top: 50px; left:100px;
	width: 100%; height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 2.5s ease-in-out;
}
.slideshow img.active {
	opacity: 1;
}

/*
#content, #content span {
	color:#006666 !important;
}*/

/* Umum */
.fly-line {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	<!--font-size: 1.5em;-->
	gap: 0px;
}
.fly-char {
	display: inline-block;
	opacity: 0;
}

/* 1. Fly-in Bounce (dari kiri bawah) */
.bounce-in { 
	transform: translate(-200px,100px);
	animation: flyInBounce 0.9s forwards ease-out; 
}
@keyframes flyInBounce {
	0% {opacity:0; transform:translate(-200px,100px);}
	60% {opacity:1; transform:translate(20px,-15px);}
	80% {transform:translate(-5px,5px);}
	100% {opacity:1; transform:translate(0,0);}
}

/* 2. Zoom-in Fade */
.zoom-in { 
	transform: scale(0.3);
	animation: zoomIn 0.7s forwards ease-out;
}
@keyframes zoomIn {
	0% {opacity:0; transform:scale(0.3);}
	100% {opacity:1; transform:scale(1);}
}

.glow-icon {
	width: 40px;
	height: 40px;
	animation: glow 2s infinite;
}

@keyframes glow {
	/*0% {filter: drop-shadow(0 0 5px rgba(0,102,102,0.5));}
	50% {filter: drop-shadow(0 0 25px rgba(0,102,102,1));}
	100% {filter: drop-shadow(0 0 5px rgba(0,102,102,0.5));}*/
	/*0% {filter: drop-shadow(0 0 5px rgba(51,153,225,0.5));}
	50% {filter: drop-shadow(0 0 25px rgba(51,153,225,0,1));}
	100% {filter: drop-shadow(0 0 5px rgba(51,153,225,0.5));}*/
	0% {filter: drop-shadow(0 0 5px rgba(0,76,153,0.5));}
	50% {filter: drop-shadow(0 0 25px rgba(0,76,153,1));}
	100% {filter: drop-shadow(0 0 5px rgba(0,76,153,0.5));}
	
	/*0% {filter: drop-shadow(0 0 5px rgba(153,0,0,0.5));}
	50% {filter: drop-shadow(0 0 25px rgba(153,0,0,1));}
	100% {filter: drop-shadow(0 0 5px rgba(153,0,0,0.5));}*/

}
button.glow {border:none;background:none;cursor:pointer}
td.glow {font-size:80%;padding-left:4px;padding-right:4px;padding-top:0px;padding-bottom:0px;text-align:center}


/* DAUN */
.leaf {
  position:absolute;
  width:40px;   /* ukuran default lebih besar */
  height:40px;
  pointer-events:none;
  opacity:0;
}

.leaf1 { width:5px; height:50px; } /* daun besar */
.leaf2 { width:3px; height:30px; }   /* sedang */
.leaf5 { width:1px; height:10px; }


  /* daun jatuh dari atas ke bawah */
  @keyframes fallDown {
    0%   { transform: translateY(-160px) rotate(0deg); opacity:0; }
    10%  { opacity:0.8; }
    100% { transform: translateY(110vh) rotate(360deg); opacity:0.5; }
  }

  /* daun melayang dari kanan ke kiri */
  @keyframes flyLeft {
    0%   { transform: translateX(110vw) rotate(0deg); opacity:0; }
    10%  { opacity:1; }
    100% { transform: translateX(-120vw) rotate(-360deg); opacity:0.8; }
  }

  /* sedikit variasi kecepatan & arah */
  .leaf1 { top:5%;  left:10%;  animation: fallDown 14s infinite ease-in; }
  .leaf2 { top:-10%; left:70%; animation: fallDown 18s infinite ease-in; animation-delay: 3s; }
  .leaf5 { top:-20%; left:30%; animation: fallDown 20s infinite ease-in; animation-delay: 6s; }
  .leaf3 { top:-30%; left:90%; animation: fallDown 10s infinite ease-in; animation-delay: 10s; }