:root {
    --primary: #008B8B;
    --del: #FF0000;
    --accent: #ffcc00;
    --bg: #f4f7f9;
}

body { font-family: 'Segoe UI', sans-serif; background: var(--bg); margin: 0; }

.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 5%;
    background: white;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.logo { height: 50px; margin-right: 15px; }
.logo-container { display: flex; align-items: center; font-weight: bold; color: var(--primary); }

.hero { text-align: center; padding: 40px 20px; background: #008B8B; color: white; }
.heroku { text-align: center; padding: 40px 20px; background: var(--del); color: white; }

.table-container { padding: 20px 5%; overflow-x: auto; }
table { width: 100%; border-collapse: collapse; background: white; }
th, td { padding: 15px; text-align: left; border-bottom: 1px solid #ddd; }
th { background: #eee; position: sticky; top: 0; }

.btn-detail {
    background: var(--primary);
    color: white;
    padding: 8px 15px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 0.9rem;
}
.button-del {
    background: var(--del);
    color: red;
    padding: 8px 15px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 0.9rem;
}

.form-container { max-width: 500px; margin: 50px auto; background: white; padding: 30px; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
input, textarea, select { width: 100%; padding: 10px; margin: 10px 0; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;}
.btn-submit { width: 100%; padding: 12px; background: #27ae60; color: white; border: none; cursor: pointer; font-weight: bold; }

.alert { color: #c0392b; font-weight: bold; text-align: center; font-size: 1.5rem;}

/* File style.css */
.bg-biru { 
    text-align: center; 
    padding: 40px 20px; 
    background: #3498db; 
    color: white; }

.bg-merah {
    background-color: red; /* Menggunakan nama warna */
    text-align: center; 
    padding: 40px 20px; 
    color: white;
}

.bg-abu {
    background-color: rgb(241, 241, 241); /* Menggunakan RGB */
}