body {
    background-color: #2d2d2d;
    color: #dbdbdb;
    padding: 0;
    margin: 0;
    align-items: center;
  }

#container{
    background-color:#121212;
    border-radius: 20px;
    display:flex;
    flex-direction: column;
    max-width:400px;
    margin:20px auto;
}
#calculator-screen{
    background-color: #2d2d2d;
    border-radius: 20px;
    margin: 20px;
    padding: 10px;
    flex: 1 2 150px;
    word-wrap: break-word;
    word-break: break-all;
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

#calculator-buttons{
    margin: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    flex: 2 1 300px;
    grid-gap:5px;
}
.grid-item.AC{
    grid-column: 1/3
}
.grid-item.C{
    grid-column: 3/5
}
.grid-item.special{
    background-color:#eda217;
}
button.grid-item{
    border-radius: 10px;
    font-size: 20px;
}
button.grid-item:hover{
    cursor:pointer;
    background-color:#8fcdfa;
}
.display-result{
    font-size:35px;
    color:#eda217;
}
.display-current{
    font-size:22px;
}