styles.css:
/* Reset kecil */
body {
box-sizing: border-box;
}
/* Latar & kedalaman */
body::before{
content:"";
position:fixed;
inset:0;
pointer-events:none;
background: radial-gradient(transparent, rgba(0,0,0,.05)) center/200% 200% no-repeat;
mix-blend-mode:multiply;
opacity:.15;
}
/* Animasi */
.fade-in{
animation: fade .6s ease-out both;
}
@keyframes fade{
from{
opacity:0;
transform: translateY(8px);
}
to{
opacity:1;
transform:none;
}
}
/* Border oranye */
.glow-border {
border: 1px solid #ea580c;
}
/* Warna tautan: hitam untuk background putih, kecuali tautan di judul tetap oranye */
a {
color:#000 !important;
text-decoration:none;
}
a:hover {
color:#333 !important;
text-decoration:underline;
}
h1 a, h2 a, h3 a {
color:#ea580c !important;
}
h1 a:hover, h2 a:hover, h3 a:hover {
color:#c2410c !important;
}
.syair table {
width: 100%;
border: 1px solid red;
text-align: center;
}
.syair img {
max-width: 100%;
height: auto;
padding: 1px 0 0 0;
display: block;
margin: 0 auto;
}