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

body{
    background-image: url("./images/background.jpg");
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.Calculator{
    background-image: url("./images/button2.png");
    position: relative;
    width: 566px;
    height: 850px;
    margin: 1rem auto;
    background-size: cover;
    background-repeat: no-repeat;
}

.main{
    width: 18.75rem;
    position: absolute;
    display: flex;
    flex-direction: column;
    margin: 500px 3rem;
}

.screen{
    width: 16.75rem;
    height: 4.5rem;
    background-color: #7aef5a;
    border: .2rem solid black;
    border-radius: 2.5rem;
    position: absolute;
    bottom: 410px;
    left: 100px;
        box-shadow: 3px 4px #282828;
}
.digits{
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-top: 4.5rem;
    margin-left: 2rem;
    font-size: xx-large;
    position: absolute;
    bottom: 10px;
}

.row1, .row2, .row3, .row4{
 
    display: flex;
    flex-direction: row;
}


.call{
    position: relative;
}

.btn, .clear, .sign{
    margin-left: .5rem;
}

.numbers img{
    width: 80px;
    height: 80px;
    position: relative;
    bottom: 20px;
    left: 50px;
    
}

#four img {
    width: 80px;
    height: 80px;
}

.logo img {
    bottom: 350px;
    width: 100px;
    left: 180px;
    position:absolute;
}

#plus {
    position: relative;
    left: 65px;
}


#equals {
    position: relative;
    left: 65px;
}

img:hover {
    background-color: rgba(84, 129, 28, 0.4);
    box-shadow: 3px 4px #282828;
}