blueskye.co.uk/style.css at main · Flickwire/blueskye.co.uk · 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
@import url('https://fonts.googleapis.com/css?family=DM+Serif+Display|Poppins&display=swap');

/*pallette #002C2B,#FF3D00,#FFBC11,#0A837F,#076461,#002C2B,#FF3D00,#FFBC11 */

html {
    height: 100%;
    background-color: lightgray;
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: large;
    background-color: white;
    color: #055452;
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
    padding: 1.25rem;
}

h1 {
    font-family: 'DM Serif Display', serif;
    font-size: 3.125rem;
    color: #002C2B;
    margin: 0 0 1.25rem 0;
    line-height: 2.5rem;
}

p {
    margin: 0 0 0.75rem 0;
    line-height: 1.75rem;
}

.primary-link {
    color: inherit;
    text-decoration: none;
    background-color: lightgray;
    display: inline-block;
    line-height: 1.5rem;
    padding: 0 0.2rem;
    margin: 0 -0.1rem;
}

.primary-link:hover {
    position: relative;
    top: -0.075rem;
    left: -0.075rem;
    box-shadow: 0.15rem 0.15rem 0 0 gray;
}

.secondary-link {
    color: #0A837F;
    text-decoration: none;
    box-shadow: inset 0 -0.15rem 0 0 white, inset 0 -0.3rem 0 0 #002C2B;
}

.primary-button {
    color: white;
    text-decoration: none;
    background-color: #0A837F;
    font-weight: bold;
    font-size: 1.2rem;
    display: inline-block;
    line-height: 1.5rem;
    padding: 0.1rem 0.4rem;
}

#main {
    margin: 0 5rem 0 0;
    overflow-y: auto;
    height: 90%;
}

#stripes {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 3.75rem;
    margin-right: 1.25rem;
    overflow: hidden;
    background: linear-gradient(
        to right,
        #FF3D00,
        #FF3D00 25%,
        #FFBC11 25%,
        #FFBC11 50%,
        #0A837F 50%,
        #0A837F 75%,
        #002C2B 75%,
        #002C2B
    );
}