-
-
Notifications
You must be signed in to change notification settings - Fork 21
/
style.e308ff8e.css
84 lines (72 loc) · 1.46 KB
/
style.e308ff8e.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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
* {
box-sizing: border-box;
}
@font-face {
font-family: "Blender-book";
src: url("/blenderpro-book-webfont.765bda6b.woff");
}
:root {
--header-colour: hsl(199, 100%, 9%);
--header-text-colour: hsla(175, 84%, 45%, 1);
--header-height: 5em;
--background-colour: hsl(0, 0%, 97%);
--tile-colour: hsla(0, 0%, 0%, 0.1);
--alert-colour: hsl(166, 100%, 50%);
--fontStack: "Blender-book", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
--edge: 0.5em;
--tile-dim: calc(98vw / 6);
--tile-dim-min: 7em;
}
body,
div.flowspace#root {
background-color: var(--background-colour);
font-family: var(--fontStack);
font-size: 24px;
margin: 0 auto;
}
.writing {
max-width: 30em;
margin: 0 auto;
padding: 1em;
}
.person {
display: inline-block;
height: var(--tile-dim);
min-height: var(--tile-dim-min);
padding: 0;
position: relative;
width: var(--tile-dim);
min-width: var(--tile-dim-min);
overflow: hidden;
}
.person .info {
/* height: calc(100% - var(--edge) * 2); */
background: #ffffff78;
bottom: var(--edge);
display: inline;
left: var(--edge);
position: absolute;
width: calc(100% - (var(--edge) * 2));
}
.person .info p,
.person .info h1 {
margin: 0;
}
.person .info p {
font-size: 70%;
}
.person .info h1 {
font-size: 110%;
}
.person .info h1 a {
text-decoration: none;
}
.person img {
width: 100%;
height: 100%;
object-fit: cover;
}
pre {
font-size: 45%;
}
/*# sourceMappingURL=/style.e308ff8e.css.map */