body{
    background-color: #80bfff;
}
table{
    margin-top: 150px;
    background: linear-gradient(to left, #660066 20%, #ff0066 100%);
}
td{
    font-family: 'Bree Serif', serif;
    font-size: 17px;
    border-style: inset;
    border-width: 2px;
    border-radius: 10px;
}
td.tambah{
    font-size: 20px;
    height: 50px;
}
th{
    font-family: 'Bree Serif', serif;
    font-size: 25px;
    border-style: outset;
    border-width: 2px;
    border-radius: 10px;
}
a{
    text-decoration: none;
    color: white;
}
div.edit{
    background-color: green;
    border-radius: 50px;
    width: 50px;
    text-align: center;
    transition-duration: 0.5s;
}
div.hapus{
    background-color: red;
    border-radius: 50px;
    width: 60px;
    text-align: center;
    transition-duration: 0.5s;
}
div.tambah{
    background-color: blue;
    border-radius: 50px;
    width: 150px;
    text-align: center;
    transition-duration: 0.5s;
}
div.edit:hover{
    background-color: green;
    border-radius: 50px;
    width: 50px;
    text-align: center;
    box-shadow: 1px 5px 2px lightgreen;
}
div.hapus:hover{
    background-color: red;
    border-radius: 50px;
    width: 60px;
    text-align: center;
    box-shadow: 1px 5px 2px pink;
}
div.tambah:hover{
    background-color: blue;
    border-radius: 50px;
    width: 150px;
    text-align: center;
    box-shadow: 1px 5px 2px lightblue;
}