JavaScript-Calculator/stylesheet1.css at master · Arunit2001/JavaScript-Calculator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
.calculator{
    text-align:center;
    margin:0 auto;
    padding-top: 200px;
    width: 400px;
}
.calculator-screen {
    width:100%;
    height:100px;
    background-color:#252525;
    color:#fff;
    text-align:right;
    font-size:36px;
    border:none;
    padding:0 20px;
    box-sizing:border-box;
}
.calculator-keys {
    width:100%;
}
.row {
    display:flex;
}
button {
    height:80px;
    background-color:gray;
    border:1px solid black;
    font-size:32px;
    color:#fff;
    width:25%;
    outline:none;
}
.all-clear, .zero-btn {
    width:50%;
}
.operator, .equal-sign {
    background-color:orange;
}
button:hover {
    background-color: darkgray;
}
.operator:hover, .equal-sign:hover {
    background-color: darkorange;
}