@import url('https://fonts.googleapis.com/css2?family=Marmelad&display=swap');

:root{
    --primary-color:#90EE90;
    --secondary-color: #006400;
}
body{
    text-align: center;
    font-family: 'Marmelad', sans-serif;
    display: block;
    margin: auto;
    background-color: var(--primary-color);
}

button{
    font-family: 'Marmelad', sans-serif;
    background-color: var(--secondary-color);
    color: white;
    height: 2rem;
    border-radius: 0.5rem;
    margin: 1rem;
    width: 5rem;
    font-weight: bold;
}

#input-billamount, #input-cashgiven{
    background-color: transparent;
    margin-top: 1rem;
    border-radius: 0.5rem;
    border: 1px var(--secondary-color) solid;
    height: 2rem;
}

table{
    width: 50%;
    text-align: justify;
    border-collapse: collapse;
    margin: auto;
}
table caption{
    margin-bottom: 1rem;
    margin-top: 1rem;
}

th,td {
  border: 2px solid var(--secondary-color);
  width: 0%;
  border-collapse: collapse;
  padding: 0.4rem;
}