style.css

*{
    margin: 0;
    padding: 0;
    font-family:  sans-serif;
}
html{
    font-size: 16px;
    background-color: rgb(139, 151, 185);
}
section{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    color: aliceblue;
}
.block{
    border-radius: 10px;
    background-color: #464444;
    /* margin: 3rem 2rem; */
    height: 43.75rem;
    width: 30rem;
}
.icon{
    background: url('clear.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
p{
    border-radius: 10px;
    font-size: 5rem;
    display: flex;
    justify-content: end;
    align-items: end;
    flex-wrap: wrap;
    background-color: #7a7575;
    height: 11.3rem;
}
.buttons{
    margin-top: 0.625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 0.3125rem;
    -webkit-tap-highlight-color: transparent;
}
.btn{
    display: flex;
    gap: 1.25rem;
}
.btn > div{
    height: 5.6rem;
    width: 5.6rem;
    background-color: #595555;
    border-radius: 50%;
    font-size: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    /* font-weight: 700; */
}
.extra>:nth-child(n){
    background-color: #ffffffa4;
    color: black;
}
.btn>:last-child{
    background-color: rgb(253, 154, 4);
    color: aliceblue;
}
#zero{
    border-radius: 50px;
    width: 12.5rem;

}
.btn > div:hover{
    opacity: .8;
}
/* Media Queries */
/* x-small devices (portrait phones, less than 576px) */
@media (max-width: 1199.98px) {html{font-size: 16px;}}
@media (max-width: 991.98px) {html{font-size: 13px;}}
@media (max-width: 767.98px) {html{font-size: 11px;}}
@media (max-width: 575.98px) {html{font-size: 9px;}}

/* small devices (landscape phones, less than 768px) */

/* medium devices (tablets, less than 992px) */

/* large devices (desktops, less than 1200px) */

/* x-large devices (large desktops, less than 1400px) */
/* @media (max-width: 1399.98px) {html{font-size: 16px;}} */