@import"https://fonts.cdnfonts.com/css/helvetica-neue-5";.calculator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:275px;height:587px;border-radius:10px;display:flex;flex-direction:column;background-color:#000000f8}.number{padding:150px 24px 15px 10px}.count{font-size:50px;float:right;color:#fff}.img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:630px}.signs{width:100%;padding:5px;display:grid;gap:5px;height:100%;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);align-items:center}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.sign{background-color:#505050;color:#fff;cursor:pointer;font-weight:500;font-size:30px;display:flex;width:60px;height:60px;justify-content:center;align-items:center;border-radius:50%;transition:all .3s}.sign:active{background-color:#ffffffce}.sign:not(:active){transition:all 2s;background-color:#505050}#ac{grid-column:1;grid-row:1}#ac,#plus_minus,#percent{color:#000;transition:all .1s}#ac:active,#plus_minus:active,#percent:active{background-color:#fff}#ac:not(:active),#plus_minus:not(:active),#percent:not(:active){transition:all 1s;background-color:#d4d4d2}#percent{grid-column:3;grid-row:1;color:#000;background-color:#d4d4d2;font-size:30px;font-weight:600;transition:all .1s}#divide{grid-column:4;grid-row:1;background-color:#ff9500;font-size:35px;padding-bottom:5px;transition:all .5s;transition:all .1s}#plus{grid-column:4;grid-row:4;padding-bottom:5px;background-color:#ff9500;font-size:40px;transition:all .5s;transition:all .1s}#minus{grid-column:4;grid-row:3;padding-bottom:5px;background-color:#ff9500;font-size:40px;transition:all .5s;transition:all .1s}#multiply{grid-column:4;grid-row:2;background-color:#ff9500;font-size:40px;padding-bottom:5px;transition:all .5s;transition:all .1s}#dot{grid-column:3;grid-row:5;font-size:40px;padding-bottom:10px;transition:all .1s}#equals{grid-column:4;grid-row:5;padding-bottom:5px;background-color:#ff9500;font-size:40px;transition:all .1s}#divide:active,#plus:active,#minus:active,#multiply:active,#equals:active{background-color:#fff;color:#ff9500}#divide:not(:active),#plus:not(:active),#minus:not(:active),#multiply:not(:active),#equals:not(:active){transition:all 1s;background-color:#ff9500}#number0{grid-column:1/3;grid-row:5;width:98%;border-radius:40px;justify-content:left;padding-left:25px}#number1{grid-column:1;grid-row:4}#number2{grid-column:2;grid-row:4}#number3{grid-column:3;grid-row:4}#number4{grid-column:1;grid-row:3}#number5{grid-column:2;grid-row:3}#number6{grid-column:3;grid-row:3}*{overflow:hidden;padding:0;margin:0;box-sizing:border-box;font-family:Helvetica Neue,sans-serif}@media (max-width: 400px){.calculator{width:258px;height:560px}.img{height:600px}.count{font-size:45px}.sign{font-size:25px;width:55px;height:55px}.number{padding:150px 23.5px 15px 10px}}