Counter-Program/style.css at main · AnweshaMondal/Counter-Program · 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
#countLabel{
    display:block;/*Label is an inline tag */
    /* background-color: antiquewhite; */
    text-align:center;
    font-size:10em;
    font-family:Arial, Helvetica, sans-serif;
}

#button-container{
    display:flex;
    justify-content:center;
}

#button-container .counter-buttons{
    height:50px;
    width:130px;
    margin:20px;
    color:rgb(27, 24, 62)

}

#button-container #decrease{
    background-color:rgb(228, 132, 132);
    font-size:1.2rem;
    border-radius:23px;
}

#button-container #reset{
    background-color:rgb(100, 255, 255);
    font-size:1.2rem;
    border-radius:23px;
}

#button-container #increase{
    background-color:rgb(117, 228, 80);
    font-size:1.2rem;
    border-radius:23px;
}

.counter-buttons:hover{
    cursor:pointer;
    background-color:bisque;
}