body { font-family: Arial, sans-serif; background:#fff; color:#000; margin:40px; } .back-btn { position: fixed; top: 15px; left: 15px; padding:8px 12px; border:1px solid #000; background:#fff; cursor:pointer; text-decoration:none; color:#000; z-index: 1000; } .back-btn:hover { background:#000; color:#fff; } h1 { text-align:center; border-bottom:2px solid #000; padding-bottom:10px; } .news-container { margin-top:30px; } .news-item { border:1px solid #000; padding:15px; margin-bottom:15px; background:#f9f9f9; } .news-header { display:flex; align-items:center; margin-bottom:10px; } .profile-icon { font-size:30px; margin-right:10px; } .admin-name { font-weight:bold; display:flex; align-items:center; } .admin-name i { color:#1DA1F2; margin-left:5px; } /* centang biru */ .date { font-size:0.9em; color:#555; margin-left:auto; } .loading { text-align:center; padding:20px; color:#666; font-style:italic; } .message { margin:20px; padding:15px; border-radius:4px; text-align:center; } .info { background:#d1ecf1; color:#0c5460; border:1px solid #bee5eb; } .error { background:#f8d7da; color:#721c24; border:1px solid #f5c6cb; } .last-update { text-align:right; font-size:12px; color:#666; margin-top:10px; }