-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
90 lines (78 loc) · 5.37 KB
/
style.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
85
86
87
88
89
90
@font-face {
font-family: 'STIX';
src: url('fonts/STIX2Text-Italic.woff2') format('woff2'),
url('fonts/STIX2Text-Italic.woff') format('woff');
font-weight: normal;
font-style: italic;
}
:root {
/* --sticky-note-yellow: #FEFFD0; */
--sticky-note-yellow: #fffbc7;
--sans-serif: "DM Sans", --system-ui, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
--italic-serif: "STIX", "Times New Roman", Times, serif;
}
body {
--bg-yellow: var(--sticky-note-yellow);
background-color: var(--bg-yellow);
color: black;
padding: 75px;
font-family: "DM Sans", --system-ui, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-family: var(--sans-serif)
}
@media screen and (max-width: 600px) {
body {
padding: 30px
}
}
h1 {
margin-top: 0;
}
.inline-logo {
display: inline-block;
background-position: 0 0.15em;
background-image: url("images/logo.svg");
padding-bottom: 0.15em;
margin-right: 0.5em;
height: 1em;
width: 5.72em;
letter-spacing: 0.2em;
color: rgba(0, 0, 0, 0);
background-size: contain;
background-repeat: no-repeat;
}
#tagline {
font-style: italic;
font-weight: 400;
font-family: "STIX", "Times New Roman", Times, serif;
font-family: var(--italic-serif);
letter-spacing: -0.02em;
font-size: 28px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#description {
text-align: right;
max-width: 400px;
font-size: 24px;
letter-spacing: -0.02em;
font-family: "DM Sans", --system-ui, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-family: var(--sans-serif);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
bottom: 75px;
right: 100px
}
@media screen and (max-width: 600px) {
#description {
position: static;
padding-top: 150px
}
}
#above-the-fold {
min-height: 100vh;
}
.no-spam {
display: none;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlc2hlZXRzL2ZvbnRzLmNzcyIsInN0eWxlc2hlZXRzL21haW4uY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsbUJBQW1CO0VBQ25CO3dEQUNzRDtFQUN0RCxtQkFBbUI7RUFDbkIsa0JBQWtCO0FBQ3BCOztBQ0pBO0VBQ0UsbUNBQW1DO0VBQ25DLDZCQUE2QjtFQUM3Qiw0RkFBNEY7RUFDNUYsdURBQXVEO0FBQ3pEOztBQUlBO0VBQ0Usc0NBQXNDO0VBQ3RDLGtDQUFrQztFQUNsQyxZQUFZO0VBQ1osYUFBYTtFQUNiLDJGQUE4QjtFQUE5QjtBQUlGOztBQUhFOztBQU5GO0lBT0k7QUFFSjtFQURFOztBQUdGO0VBQ0UsYUFBYTtBQUNmOztBQUVBO0VBQ0UscUJBQXFCO0VBQ3JCLDZCQUE2QjtFQUM3Qix3Q0FBd0M7RUFDeEMsc0JBQXNCO0VBQ3RCLG1CQUFtQjtFQUNuQixXQUFXO0VBQ1gsYUFBYTtFQUNiLHFCQUFxQjtFQUNyQix1QkFBdUI7RUFDdkIsd0JBQXdCO0VBQ3hCLDRCQUE0QjtBQUM5Qjs7QUFFQTtFQUNFLGtCQUFrQjtFQUNsQixnQkFBZ0I7RUFDaEIsb0RBQWdDO0VBQWhDLGdDQUFnQztFQUNoQyx1QkFBdUI7RUFDdkIsZUFBZTtFQUNmLG1DQUFtQztFQUNuQyxrQ0FBa0M7QUFDcEM7O0FBRUE7RUFDRSxpQkFBaUI7RUFDakIsZ0JBQWdCO0VBQ2hCLGVBQWU7RUFDZix1QkFBdUI7RUFDdkIsMkZBQThCO0VBQTlCLDhCQUE4QjtFQUM5QixtQ0FBbUM7RUFDbkMsa0NBQWtDO0VBQ2xDLGtCQUFrQjtFQUNsQixZQUFZO0VBQ1o7QUFNRjs7QUFKRTs7QUFaRjtJQWFJLGdCQUFnQjtJQUNoQjtBQUVKO0VBREU7O0FBR0Y7RUFDRSxpQkFBaUI7QUFDbkI7O0FBRUE7RUFDRSxhQUFhO0FBQ2YiLCJmaWxlIjoic3R5bGUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQGZvbnQtZmFjZSB7XG4gIGZvbnQtZmFtaWx5OiAnU1RJWCc7XG4gIHNyYzogdXJsKCdmb250cy9TVElYMlRleHQtSXRhbGljLndvZmYyJykgZm9ybWF0KCd3b2ZmMicpLFxuICAgICAgIHVybCgnZm9udHMvU1RJWDJUZXh0LUl0YWxpYy53b2ZmJykgZm9ybWF0KCd3b2ZmJyk7XG4gIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG4gIGZvbnQtc3R5bGU6IGl0YWxpYztcbn0iLCJAaW1wb3J0IFwiZm9udHMuY3NzXCI7XG5cbjpyb290IHtcbiAgLyogLS1zdGlja3ktbm90ZS15ZWxsb3c6ICNGRUZGRDA7ICovXG4gIC0tc3RpY2t5LW5vdGUteWVsbG93OiAjZmZmYmM3O1xuICAtLXNhbnMtc2VyaWY6IFwiRE0gU2Fuc1wiLCAtLXN5c3RlbS11aSwgXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIFJvYm90bywgQXJpYWwsIHNhbnMtc2VyaWY7XG4gIC0taXRhbGljLXNlcmlmOiBcIlNUSVhcIiwgXCJUaW1lcyBOZXcgUm9tYW5cIiwgVGltZXMsIHNlcmlmO1xufVxuXG5AY3VzdG9tLW1lZGlhIC0tbW9iaWxlIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNjAwcHgpO1xuXG5ib2R5IHtcbiAgLS1iZy15ZWxsb3c6IHZhcigtLXN0aWNreS1ub3RlLXllbGxvdyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJnLXllbGxvdyk7XG4gIGNvbG9yOiBibGFjaztcbiAgcGFkZGluZzogNzVweDtcbiAgZm9udC1mYW1pbHk6IHZhcigtLXNhbnMtc2VyaWYpO1xuICBAbWVkaWEgKC0tbW9iaWxlKSB7XG4gICAgcGFkZGluZzogMzBweDtcbiAgfVxufVxuXG5oMSB7XG4gIG1hcmdpbi10b3A6IDA7XG59XG5cbi5pbmxpbmUtbG9nbyB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogMCAwLjE1ZW07XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcImltYWdlcy9sb2dvLnN2Z1wiKTtcbiAgcGFkZGluZy1ib3R0b206IDAuMTVlbTtcbiAgbWFyZ2luLXJpZ2h0OiAwLjVlbTtcbiAgaGVpZ2h0OiAxZW07XG4gIHdpZHRoOiA1LjcyZW07XG4gIGxldHRlci1zcGFjaW5nOiAwLjJlbTtcbiAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMCk7XG4gIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjtcbiAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbn1cblxuI3RhZ2xpbmUge1xuICBmb250LXN0eWxlOiBpdGFsaWM7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1pdGFsaWMtc2VyaWYpO1xuICBsZXR0ZXItc3BhY2luZzogLTAuMDJlbTtcbiAgZm9udC1zaXplOiAyOHB4O1xuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgLW1vei1vc3gtZm9udC1zbW9vdGhpbmc6IGdyYXlzY2FsZTtcbn1cblxuI2Rlc2NyaXB0aW9uIHtcbiAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gIG1heC13aWR0aDogNDAwcHg7XG4gIGZvbnQtc2l6ZTogMjRweDtcbiAgbGV0dGVyLXNwYWNpbmc6IC0wLjAyZW07XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1zYW5zLXNlcmlmKTtcbiAgLXdlYmtpdC1mb250LXNtb290aGluZzogYW50aWFsaWFzZWQ7XG4gIC1tb3otb3N4LWZvbnQtc21vb3RoaW5nOiBncmF5c2NhbGU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiA3NXB4O1xuICByaWdodDogMTAwcHg7XG5cbiAgQG1lZGlhICgtLW1vYmlsZSkge1xuICAgIHBvc2l0aW9uOiBzdGF0aWM7XG4gICAgcGFkZGluZy10b3A6IDE1MHB4O1xuICB9XG59XG5cbiNhYm92ZS10aGUtZm9sZCB7XG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xufVxuXG4ubm8tc3BhbSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59Il19 */