10
10
}
11
11
12
12
body {
13
- margin : 0 ;
13
+ margin : 0 ;
14
14
text-align : center;
15
15
font-family : 'Inconsolata' , monospace;
16
16
}
@@ -19,64 +19,64 @@ body {
19
19
font-weight : 100 ;
20
20
font-size : 20rem ;
21
21
margin : 0 ;
22
- color : white;
23
- text-shadow : 4px 4px 0 rgba (0 , 0 , 0 , 0.05 );
22
+ color : white;
23
+ text-shadow : 4px 4px 0 rgba (0 , 0 , 0 , 0.05 );
24
24
}
25
25
26
26
.timer {
27
- display : flex;
27
+ display : flex;
28
28
min-height : 100vh ;
29
- flex-direction : column;
29
+ flex-direction : column;
30
30
}
31
31
32
32
.timer__controls {
33
33
display : flex;
34
34
}
35
35
36
36
.timer__controls > * {
37
- flex : 1 ;
37
+ flex : 1 ;
38
38
}
39
39
40
40
.timer__controls form {
41
- flex : 1 ;
42
- display : flex;
41
+ flex : 1 ;
42
+ display : flex;
43
43
}
44
44
45
45
.timer__controls input {
46
- flex : 1 ;
47
- border : 0 ;
48
- padding : 2rem ;
46
+ flex : 1 ;
47
+ border : 0 ;
48
+ padding : 2rem ;
49
49
}
50
50
51
51
.timer__button {
52
- background : none;
53
- border : 0 ;
52
+ background : none;
53
+ border : 0 ;
54
54
cursor : pointer;
55
- color : white;
55
+ color : white;
56
56
font-size : 2rem ;
57
57
text-transform : uppercase;
58
- background : rgba (0 , 0 , 0 , 0.1 );
59
- border-bottom : 3px solid rgba (0 , 0 , 0 , 0.2 );
60
- border-right : 1px solid rgba (0 , 0 , 0 , 0.2 );
61
- padding : 1rem ;
58
+ background : rgba (0 , 0 , 0 , 0.1 );
59
+ border-bottom : 3px solid rgba (0 , 0 , 0 , 0.2 );
60
+ border-right : 1px solid rgba (0 , 0 , 0 , 0.2 );
61
+ padding : 1rem ;
62
62
font-family : 'Inconsolata' , monospace;
63
63
}
64
64
65
65
.timer__button : hover ,
66
66
.timer__button : focus {
67
- background : rgba (0 , 0 , 0 , 0.2 );
68
- outline : 0 ;
67
+ background : rgba (0 , 0 , 0 , 0.2 );
68
+ outline : 0 ;
69
69
}
70
70
71
71
.display {
72
- flex : 1 ;
73
- display : flex;
72
+ flex : 1 ;
73
+ display : flex;
74
74
flex-direction : column;
75
75
align-items : center;
76
76
justify-content : center;
77
77
}
78
78
79
79
.display__end-time {
80
80
font-size : 4rem ;
81
- color : white;
81
+ color : white;
82
82
}
0 commit comments