body{
background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url("background.jpg");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;
color:white;
font-family:Arial,sans-serif;
}
.navbar{
position:relative;
z-index:1001;
}
.topbar{
position:relative;
width:100%;
text-align:right;
padding:5px 15px;
background:rgba(0,0,0,0.4);
display:block;
z-index:999;
}
.topbar select{
width:60px;
font-size:12px;
padding:2px;
}
#clock{
font-weight:bold;
margin-right:5px;
}
section{
display:none;
padding:60px;
text-align:center;
}
.slider img{
width:100%;
display:none;
border-radius:10px;
}
.box{
background:rgba(255,255,255,0.1);
padding:20px;
border-radius:10px;
margin-bottom:20px;
backdrop-filter:blur(5px);
}
footer{
background:rgba(0,0,0,0.85);
padding:20px;
text-align:center;
}
.box-php,.table-anggota{
background:rgba(255,255,255,0.1);
color:white;
border-radius:10px;
padding:20px;
text-align:left;
backdrop-filter:blur(5px);
}
.table-anggota th,.table-anggota td{color:white;}
.table-anggota a{color:#4da3ff;}
.box-php input,.box-php select,.box-php textarea{
background:rgba(255,255,255,0.2);
color:white;
border:1px solid rgba(255,255,255,0.3);
}
.box-php input::placeholder{color:#ddd;}