*{
    box-sizing: border-box;
}
*,body{
    padding: 0%;
    margin: 0%;
}
.btns{
    margin: 0%;
    padding: 0%;
    display: gird;
    /* grid-template-columns: 1fr 1fr;/ */
}
button{
    height: 10vh;
    width: 10vh;
    border: black solid 1px;
    background-color: rgb(167, 167, 167);
    font-size: 2vh;
    margin: 0vh;
}
button:hover{
    background-color: rgb(255, 255, 255);
}
button:active{
    background-color: rgb(0, 0, 0);
    color: white;
}
p{
    font-size: 5vh;
    font-weight: lighter;
    text-align: right;
    padding-right: 11vh;
}
h1{
    font-size: 10vh;
}
#inputnumber{
    text-align: right;
    padding-right: 10vh;
}
.maindiv{
        width: 50vh;
}
#clearbtn{
    width: 40.9vh;
}