*{
    background-color:black;
    color:white;
}
button{
    -webkit-text-stroke-color: rgb(255, 255, 255);
    -webkit-text-stroke-width: 1px;
    font-size:20px;
    font-family:sans-serif;
    text-align:center;
    display:inline;
    border:2px solid white;
    padding:0;
    border-radius:5px;
}
body{
    height:100vh;
    display:flex;
}
#calc{
    border-radius:5px;
    border:2px solid white;
    height:350px;
    width:200px;
    display:flex;
    flex-direction:column;
    margin:auto;
    background-color:white;
}
#display{
    -webkit-text-stroke-color: rgb(255, 219, 164);
    -webkit-text-stroke-width: 1px;
    color:orange;
    border-radius:5px;
    font-size:24px;
    font-family:sans-serif;
    text-align:end;
    padding:50px 10px 10px 10px;
    border:2px solid white;
    height:100px;
}
#buttons{
    background-color:white;
    height:250px;
    display:flex;
}
.part1{
    flex-grow:1;
    display:flex;
    flex-direction:column;
}
.part1 button{
    width:50px;
    height:50px;
}
#C{
   height:100px;
}
.part2{
    display:flex;
    flex-direction:column;
    flex-grow:3;
}
.part2 div{
    height: 50px;
    display:flex;
}
.part2 button{
    height:50px;
    width:50px;
}
.row5{
    height: 50px;
}
#equal{
    width: 100px;
    height: 50px;
    flex-shrink: 0;
}
#back{
    font-size: 16px;
    width: 50px;
    height: 50px;
    flex-shrink: 0;
}
button:hover{
    color:black;
    background-color: rgb(195, 255, 126);
    border: 4px solid black;
    -webkit-text-stroke-color: rgb(0, 0, 0);
}
.number:hover{
    color:black;
    background-color: rgb(255, 169, 215);
    border: 4px solid black;
    -webkit-text-stroke-color: rgb(0, 0, 0);
}
.operator:hover{
    -webkit-text-stroke-color: rgb(0, 0, 0);
    color:rgb(0, 0, 0);
    background-color: rgb(255, 240, 125);
    border: 4px solid black;
}