body{
    background:linear-gradient(45deg,#0a0a0a,#3a4452);
    text-align: center;
}
h2{
    color:aliceblue;
    font-size: 2.5rem;
}
.content{
    padding:0;
    display: flex;
    justify-content: center;
}
.calc{
    height:500px;
    width:340px;
    background-color: transparent;
    border: 1.5px solid #717377;
    border-radius: 20px;
    box-shadow: 0px 3px 15px rgba(113,115,119,1);
    display:flex;
    flex-wrap: wrap;
}
.output{
    height:110px;
    width:340px;
    font-size:2.5rem;
    color:white;
    text-align:right;
    display:flex;
    justify-content: end;
    align-items: end;
    padding-right: 20px;
    margin-bottom:5px;
    /* padding-bottom:10px; */

    /* border:1px solid yellow; */
}
.cln{
    height:370px;
    width:340px;
    /* border:1px solid purple; */
    display:flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.btn{
    height:70px;
    width:70px;
    border-radius:50%;
    color:white;
    border:none;
    background-color:black;
    box-shadow: 0px 4px 20px rgba(84,84,84,0.1);
    /* box-shadow: 50px; */
    font-size:1.25rem;
    text-align: center;
}
.func{
    font-size: 2rem;
    background-color: rgb(235,144,26);
}
.mult{
    font-size: 1.7rem;
}
.sub{
    font-size:2.5rem;
}
.op{
    background-color: rgb(82, 81, 80);
}