body{
    margin:0;
    padding:0;
    
}
header{
    text-align: center;
    font-size: 2rem;
    background-color: rgb(252, 214, 183);
    margin:0;
    padding:0.2rem;
    
    
}
h1{
    margin:0;
}
.parentOfMachine{
    height: 90vh;
    display:flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(252, 241, 232);

}

.machine{
    height: 43rem;
    width: 26rem;
    background-color: rgb(60, 91, 112);
    padding:1rem;
    border:0.16rem  solid rgb(48, 76, 94);
    border-bottom: 0.5rem solid rgb(48, 76, 94);
    border-radius: 2rem;
}
.screen{
    background-color:rgb(177, 195, 129); 
    width: 22rem;
    height: 10rem;
    margin:2rem;
    margin-bottom:3rem;
    border:0.16rem  solid rgb(147, 165, 97);
    border-bottom: 0.5rem solid rgb(147, 165, 97);
    border-radius: 1rem;
    padding: 0.2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    font-size: 2.4rem;
}
.typeScreen{
   
    height: 3.5rem;
    padding: 0.2rem;
    
    

}
.resultScreen{
 
 height: 3.5rem;
 padding: 0.2rem;
 color:rgb(96, 109, 56);
 
}
.firstRow , .secondRow, .thirdRow, .forthRow, .fifthRow{
    display:flex;

    
}
button{
    flex:1;
    margin:0.3rem;
    height: 4.5rem;
    max-width: 7rem;
    border:0.1rem solid black;
    background-color: rgb(255, 247, 212);
    box-shadow: inset 0rem -0.3rem 0.2rem black; 
    background-color: (255, 247, 212);
    border-radius: 1rem;
    font-size: 24px;
    padding:0.25rem;
    padding-bottom: 0.5rem;
}
button.longBtn{
    flex-grow: 2;
    min-width: 12.45rem;
}
button.operator{
    background-color: rgb(238, 199, 89);
}
button.delete{
    background-color: rgb(193, 183, 138);
}

#backspace {
    color:rgb(138, 130, 94)
}
#dot
{
    color:rgb(203, 193, 148);
}