*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body
{
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(./img/background.jpg);
}

.heading
{
    padding: 20px;
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bolder;
    color: rgb(208, 207, 219);
}
.calculator
{
    border: 1px solid whitesmoke;
    padding: 10px;
    border-radius:16px;
    background:transparent;
    box-shadow: 0px 3px 15px rgba(113,115,119,0.5);

}

input
{
    width:320px;
    border: none;
    padding: 24px;
    margin: 10px;
    background: transparent;
    box-shadow: 0px 3px 15px rgba(248, 242, 242, 0.5);
    font-size: 40px;
    text-align: right;
    cursor:pointer;
    color: rgb(190, 242, 242);
}

input::placeholder
{
    color: white;
}


button
{
    height: 60px;
    width: 60px;
    border: none;
    margin: 10px;
    border-radius: 50%;
    background: transparent;
    color: white;
    font-size: 20px; 
    box-shadow: -8px -8px 15px rgba(255, 255, 255, 0.3);
    cursor: pointer;
}

button:hover
{
    color: beige;
}


.equalbtn
{
    background-color: rgb(97, 105, 105);
}