body{
    display: flex;
    justify-content: center;
    background-color: darkblue;
    
}
.title-sec{
    text-align: center;
}
.container{
    margin-top: 10%;
    box-shadow: 2px 2px 3px black;
    padding: 0 5%;
    border-radius: 10px;
    background-color: white ;
}
.calculation-sec{
    font-size: 20px;
}
.calculation-sec input{
    font-size: 20px;
    outline: none;
    border: none;
    border-bottom: 2px solid black;
    width: auto;
}

.bill-amount-sec{
    margin-top: 20px;
}
.tip-amount-sec{
    margin:20px 0;
}
.click-sec{
    padding: 5px 10px;
    text-align: center;
    
}
.click-sec button{
    padding: 10px 20px;
    border: none;
    background-color: green;
    color: white;
    box-shadow: 2px 2px 3px black;
    font-size: 17px;
}
button:active{
    background-color: darkgreen;
    box-shadow: none;
    color: black;
}
.result-sec{
    text-align: center;
    font-size: 20px;
}