body{
    background-color: #80bfff;
}
table{
    background: linear-gradient(to left, #660066 20%, #ff0066 100%);
}
td{
    font-family: 'Bree Serif', serif;
    font-size: 18px;
    border-style: inset;
    border-width: 2px;
    border-radius: 10px;
}
td.tambah, td.reset{
    font-size: 18px;
    height: 50px;
}
th{
    font-family: 'Bree Serif', serif;
    font-size: 18px;
    border-style: outset;
    border-width: 2px;
    border-radius: 10px;
}
h1{
    font-family: 'Bree Serif', serif;
    text-align: center;
    font-size: 40px;
}
p{
    font-family: 'Bree Serif', serif;
    font-size: 18px;
}
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;
}
button{
    font-family: 'Bree Serif', serif;
    font-size: 18px;
    color: white;
}
button.cari{
    border: orange;
    background-color: orange;
    border-radius: 50px;
    width: 70px;
    transition-duration: 0.5s;
}
button.cari:hover{
    border: orange;
    background-color: orange;
    border-radius: 50px;
    width: 70px;
    box-shadow: 1px 5px 2px lightyellow;
}
button.reset{
    border: grey;
    background-color: grey;
    border-radius: 50px;
    width: 70px;
    text-align: center;
    transition-duration: 0.5s;
}
button.reset:hover{
    border: grey;
    background-color: grey;
    border-radius: 50px;
    width: 70px;
    text-align: center;
    box-shadow: 1px 5px 2px lightgrey;
}
select{
    background: linear-gradient(to right, #660066 20%, #ff0066 100%);
    font-family: 'Bree Serif', serif;
    border-radius: 50px;
    font-size: 18px;
}
input{
    background: linear-gradient(to right, #660066 20%, #ff0066 100%);
    font-family: 'Bree Serif', serif;
    border-radius: 50px;
    font-size: 18px;
    text-align: center;
    width: 250px;
}