body {
    background-color: rgb(255, 204, 2);
}



.bungkus {
    background-color: rgb(50, 49, 49);
    width: 50%;
    height: 50%;
    margin-left: 24%;
    margin-top: 8%;
    padding-bottom: 5%;
    border-radius: 15px;
}

h2 {
    color: rgb(239, 238, 238);
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 10%;
    font-size: 25pt;
}

#nama {
    width: 50%;
    padding-bottom: 1.3%;
    text-align: center;
    margin-left: 24%;
    border-radius: 6px;
}

#nilai {
    width: 50%;
    padding-bottom: 1.3%;
    text-align: center;
    margin-left: 24%;
    border-radius: 6px;
}

#kehadiran {
    width: 50%;
    padding-bottom: 1.3%;
    text-align: center;
    margin-left: 24%;
    border-radius: 6px;
}

button {
    width: 30%;
    height: 10%;
    padding-bottom: 1%;
    margin-left: 34%;
    background-color: rgb(255, 204, 2);
    color: rgb(52, 52, 53);
    border-radius: 5px;
    cursor: pointer;
}

button:hover {
    width: 30%;
    height: 10%;
    padding-bottom: 1%;
    margin-left: 34%;
    background-color: rgb(233, 243, 59);
    color: rgb(52, 52, 53);
    border-radius: 5px;
    cursor: pointer;
}

th {
    color: rgb(52, 52, 53);
    font-family: Arial, Helvetica, sans-serif;
    padding: 6px;
}

table {
    background-color: rgb(255, 255, 255);
    border: 3px solid rgb(88, 87, 87);
    margin-left: 23%;
    border-collapse: separate;
    box-shadow: 0 0 20px rgba(0, 0, 0,0.1 );
    border-radius: 6px;
}

td {
    padding: 6px;
    color: rgb(30, 31, 31);
}

#ratarata {
    color: aliceblue;
    margin-left: 23%;
}