odin-recipes/styles.css at main · KekgethilweMoloi/odin-recipes · 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
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
71
72
73
74
/*styling for all recipe pages*/

/*
white background : #f7f7f7
grey background : #d4d0ca
font-green : #1d200a
light green : #cccdbb
olive green : #646b50
creamy : #d4b78d
black : #120e0d
accent : #606469
*/

html{
    background-color: white;
}
body{
    max-width: 800px;
    margin: 5px auto;
    background-color:#f7f7f7;
    border:3px solid;
    border-color: #646b50;
}

.top{
    display:block;
    text-align: center;
    padding: 1px;
    background-color:#d4d0ca;
    color: #646b50;
}

h1{
    color: #1d200a;
    font-size: 40px;
}

#img1{
    border:5px solid;
    border-color: #646b50;
}

.ingredients{
    display:block;
    padding: 1px;
    color: #646b50;
}

.steps{
    display:block;
    padding: 1px;
    color: #646b50;
}

h3{
    color: #d4b78d;
}

b{
    color: #1d200a;
}

/*GC pizza extras*/

.notes{
    display:block;
    padding: 1px;
    color: #646b50;
}

#img2{
    border:5px solid;
    border-color: #646b50;
}