/* BODY */
body{
    margin:0;
    font-family:Arial, sans-serif;
    background:#f5f5f5;
    color:#333;
}

/* HEADER */
.header{
    background:#5b2c83;
    color:white;
    text-align:center;
    padding:30px;
}

.header h1{
    margin:0;
    font-size:40px;
}

.header p{
    margin-top:10px;
}

/* NAVIGASI */
.navigasi{
    background:#2f2f2f;
    padding:15px;
    text-align:center;
}

.navigasi a{
    color:white;
    text-decoration:none;
    margin:15px;
    font-weight:bold;
}

.navigasi a:hover{
    color:#ffd700;
}
/* BANNER */
.banner{
    text-align:center;
    padding:40px;
    background:white;
}

.banner h2{
    color:#5b2c83;
}

/* CONTAINER */
.container{
    width:80%;
    margin:auto;
    padding:20px;
}

/* KOTAK PENGUMUMAN */
.kotak-pengumuman{
    background:white;
    padding:25px;
    margin-bottom:25px;
    border-radius:15px;
    box-shadow:0 0 10px rgba(0,0,0,0.1);
}

.kotak-pengumuman h2{
    color:#5b2c83;
}

.tanggal{
    color:gray;
    margin-bottom:10px;
}

/* BUTTON */
button{
    background:#5b2c83;
    color:white;
    border:none;
    padding:10px 20px;
    border-radius:10px;
    cursor:pointer;
}

button:hover{
    background:#7d4ab1;
}

/* FOOTER */
.footer{
    background:#5b2c83;
    color:white;
    text-align:center;
    padding:20px;
    margin-top:30px;
}