StopWatch-main/style.css at main · JsArafath/StopWatch-main · 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
body{
    background-color: #182747;
    height: 80vh;
    font-family: sans-serif;
}
.wrapper{
    width: 80%;
    margin: 2rem auto;
    color: #fff;
    text-align: center;
    border: 2px solid #df38c5;
    padding: 3rem;
    margin-top: 8rem;
    border-radius: 10px;
}
h2{
    font-weight: 500;
    font-family: 'Roboto', serif;
    font-size: 2.6rem;
}
#seconds,
#tens{
    font-size: 2rem;
}
button{
    background-color: #25316d;
    color: #fff;
    border: 1px solid #400d51;
    border-radius: 10px;
    font-size: 1.2rem;
    padding: 10px 40px;
    width: 180px;
    margin: 10px;
}
button:hover{
    background-color: #df38c5;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: bold;
    transform: scale(1.1);
}