1 | body {
|
2 | font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
|
3 | color: black;
|
4 | font-size: 1rem;
|
5 | margin: 1rem;
|
6 | background: white;
|
7 | }
|
8 | .outer {
|
9 | max-width: 640px;
|
10 | margin: 0 auto;
|
11 | }
|
12 | a {
|
13 | color: black;
|
14 |
|
15 | }
|
16 | h1 {
|
17 | text-align: center;
|
18 | margin: 0 0 0.5rem;
|
19 | }
|
20 | h1 a {
|
21 | text-decoration: none;
|
22 | }
|
23 | .nav {
|
24 | display: flex;
|
25 | justify-content: space-around;
|
26 | margin-bottom: 2rem;
|
27 | }
|
28 | .nav + .nav {
|
29 | margin-top: -1.25rem;
|
30 | justify-content: center;
|
31 | gap: 1rem;
|
32 | }
|
33 | nav a,
|
34 | nav span,
|
35 | nav strong {
|
36 | font-size: 0.75rem;
|
37 | text-transform: uppercase;
|
38 | }
|
39 |
|
40 | #canvasContainer canvas {
|
41 | display: inline-block;
|
42 | background: #000;
|
43 | border: 2px solid #a80000;
|
44 | max-width: 100%;
|
45 | }
|
46 | .ctrl {
|
47 | margin: 1em 0 2em;
|
48 | overflow: hidden;
|
49 | }
|
50 | .ctrl-left {
|
51 | float: left;
|
52 | }
|
53 | .ctrl-right {
|
54 | text-align: right;
|
55 | float: right;
|
56 | }
|
57 | button {
|
58 | padding: 4px 8px;
|
59 | }
|
60 | p {
|
61 | margin-bottom: 1em;
|
62 | line-height: 1.6;
|
63 | }
|
64 | p code {
|
65 | background: #f5f2f0;
|
66 | border-radius: 0.25rem;
|
67 | border: 1px solid #ccc;
|
68 | padding: 0.125rem 0.25rem;
|
69 | }
|
70 | pre {
|
71 | background: #f5f2f0;
|
72 | border: 1px solid #ccc;
|
73 | border-radius: 0.25rem;
|
74 | color: black;
|
75 | padding: 1em 1em 0;
|
76 | margin: 2em 0;
|
77 | }
|
78 |
|
79 |
|
80 |
|
81 | .github-corner svg {
|
82 | fill:#151513; color:#fff; position: fixed; top: 0; border: 0; right: 0;
|
83 | }
|
84 | .github-corner:hover .octo-arm {
|
85 | animation:octocat-wave 560ms ease-in-out
|
86 | }
|
87 | @media (max-width:500px) {
|
88 | .github-corner:hover .octo-arm{animation:none}
|
89 | .github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}
|
90 | }
|
91 | @keyframes octocat-wave {0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}} |
\ | No newline at end of file |