#win-calc{
    display: flex;
    flex-direction: column;
}

#calc-input{
    width: 100%;
    height: 90px;
    border: none;
    outline: none;
    background-color: #00000000;
    font-size: 50px;
    text-align: end;
    color: var(--text);
}

#win-calc>.keyb{
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-content: flex-start;
}

#win-calc>.keyb>.b{
    width: 71px;
    margin: 5px 5px;
    height: 71px;
    font-size: 40px;
    text-align: center;
    transition: 80ms;
    border-radius: 10px;
    box-shadow: 2px 2px 4px var(--sd);
    background: var(--card);
    padding-top: 5px;
}
#win-calc>.keyb>.b.u{
    padding-top: 3px;
}
#win-calc>.keyb>.b.ans{
    background-image: linear-gradient(120deg, #ad6eca88, #3b91d888);
}
#win-calc>.keyb>.b.ans:hover{
    background-image: linear-gradient(120deg, #ad6ecacc, #3b91d8cc);
}
#win-calc>.keyb>span{
    width: 71px;
    margin: 5px 5px;
    height: 71px;
}

#win-calc>.keyb>.b:hover{
    background-color: var(--mm);
}