-
Notifications
You must be signed in to change notification settings - Fork 0
/
style1-General.css
70 lines (60 loc) · 1.15 KB
/
style1-General.css
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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
html {
box-sizing: border-box;
font-size: 62.5%;
}
*, *::before, *::after {
box-sizing: inherit;
}
:root {
--white: hsl(0, 0%, 100%);
--dark: hsl(0, 0%, 0%);
--cyan: hsl(179, 62%, 25%);
--ltcyan: hsl(179, 62%, 30%);
--yellow: hsl(71, 73%, 58%);
--dkyellow: hsl(71, 73%, 48%);
--ltgray: hsl(204, 43%, 96%);
--grayblue: hsl(218, 22%, 67%);
--subtitle: hsl(0, 0%, 45%);
}
body {
margin: 0;
font-family: 'Karla', sans-serif;
background-color: var(--ltgray);
color: var(--dark);
padding: 7.2rem 3.2rem 1rem 3.2rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
a {
text-decoration: none;
}
h1, h2 {
font-weight: bold;
margin-top: 0;
}
h1 {
font-size: 2rem;
margin-bottom: 2rem;
line-height: 2.4rem;
letter-spacing: .25 px;
}
h2 {
font-size: 1.8rem;
line-height: 2.1rem;
margin-bottom: 1.8rem;
}
p {
margin-top: 0;
line-height: 2.6rem;
}
@media only screen and (min-width: 700px){
body {
height: 100vh;
}
h1 {
font-size: 2.4rem;
line-height: 2.8rem;
}
}