1 1c1e3e26 2022-09-08 op body {
  2 1c1e3e26 2022-09-08 op   font-family: monospace;
  3 1c1e3e26 2022-09-08 op   font-size: 14px;
  4 1c1e3e26 2022-09-08 op   max-width: 780px;
  5 1c1e3e26 2022-09-08 op   margin: 0 auto;
  6 1c1e3e26 2022-09-08 op   padding: 20px;
  7 1c1e3e26 2022-09-08 op }
  8 1c1e3e26 2022-09-08 op 
  9 1c1e3e26 2022-09-08 op .banner {
 10 1c1e3e26 2022-09-08 op     display: flex;
 11 1c1e3e26 2022-09-08 op     flex-direction: row;
 12 1c1e3e26 2022-09-08 op     justify-content: center;
 13 1c1e3e26 2022-09-08 op }
 14 1c1e3e26 2022-09-08 op 
 15 1c1e3e26 2022-09-08 op .banner pre {
 16 1c1e3e26 2022-09-08 op     background-color: transparent;
 17 1c1e3e26 2022-09-08 op }
 18 1c1e3e26 2022-09-08 op 
 19 1c1e3e26 2022-09-08 op h1::before {
 20 1c1e3e26 2022-09-08 op   content: "# ";
 21 1c1e3e26 2022-09-08 op }
 22 1c1e3e26 2022-09-08 op 
 23 1c1e3e26 2022-09-08 op h2 {
 24 1c1e3e26 2022-09-08 op   margin-top: 40px;
 25 1c1e3e26 2022-09-08 op }
 26 1c1e3e26 2022-09-08 op 
 27 1c1e3e26 2022-09-08 op h2::before {
 28 1c1e3e26 2022-09-08 op   content: "## ";
 29 1c1e3e26 2022-09-08 op }
 30 1c1e3e26 2022-09-08 op 
 31 1c1e3e26 2022-09-08 op h3::before {
 32 1c1e3e26 2022-09-08 op   content: "### ";
 33 1c1e3e26 2022-09-08 op }
 34 1c1e3e26 2022-09-08 op 
 35 1c1e3e26 2022-09-08 op .gallery {
 36 1c1e3e26 2022-09-08 op   display: flex;
 37 1c1e3e26 2022-09-08 op   flex-direction: row;
 38 1c1e3e26 2022-09-08 op   flex-wrap: wrap;
 39 1c1e3e26 2022-09-08 op   justify-content: space-around;
 40 1c1e3e26 2022-09-08 op }
 41 1c1e3e26 2022-09-08 op 
 42 1c1e3e26 2022-09-08 op .gallery figure {
 43 1c1e3e26 2022-09-08 op     width: 40%;
 44 1c1e3e26 2022-09-08 op     margin: 1rem;
 45 1c1e3e26 2022-09-08 op }
 46 1c1e3e26 2022-09-08 op 
 47 1c1e3e26 2022-09-08 op img {
 48 1c1e3e26 2022-09-08 op     max-width: 100%;
 49 1c1e3e26 2022-09-08 op     height: auto;
 50 1c1e3e26 2022-09-08 op }
 51 1c1e3e26 2022-09-08 op 
 52 1c1e3e26 2022-09-08 op .repology {
 53 1c1e3e26 2022-09-08 op     text-align: center;
 54 1c1e3e26 2022-09-08 op }
 55 1c1e3e26 2022-09-08 op 
 56 1c1e3e26 2022-09-08 op @media only screen and (min-width: 768px) {
 57 1c1e3e26 2022-09-08 op     .repology {
 58 1c1e3e26 2022-09-08 op         text-align: unset;
 59 1c1e3e26 2022-09-08 op         float: right;
 60 1c1e3e26 2022-09-08 op     }
 61 1c1e3e26 2022-09-08 op }
 62 1c1e3e26 2022-09-08 op 
 63 1c1e3e26 2022-09-08 op blockquote {
 64 1c1e3e26 2022-09-08 op   margin: 0;
 65 1c1e3e26 2022-09-08 op   padding: 0;
 66 1c1e3e26 2022-09-08 op }
 67 1c1e3e26 2022-09-08 op 
 68 1c1e3e26 2022-09-08 op blockquote::before {
 69 1c1e3e26 2022-09-08 op   content: "> ";
 70 1c1e3e26 2022-09-08 op }
 71 1c1e3e26 2022-09-08 op 
 72 1c1e3e26 2022-09-08 op blockquote p {
 73 1c1e3e26 2022-09-08 op   font-style: italic;
 74 1c1e3e26 2022-09-08 op   display: inline;
 75 1c1e3e26 2022-09-08 op }
 76 1c1e3e26 2022-09-08 op 
 77 1c1e3e26 2022-09-08 op p.link::before {
 78 1c1e3e26 2022-09-08 op   content: "→ ";
 79 1c1e3e26 2022-09-08 op }
 80 1c1e3e26 2022-09-08 op 
 81 1c1e3e26 2022-09-08 op strong::before { content: "*" }
 82 1c1e3e26 2022-09-08 op strong::after  { content: "*" }
 83 1c1e3e26 2022-09-08 op 
 84 1c1e3e26 2022-09-08 op hr {
 85 1c1e3e26 2022-09-08 op   border: 0;
 86 1c1e3e26 2022-09-08 op   height: 1px;
 87 1c1e3e26 2022-09-08 op   background-color: #222;
 88 1c1e3e26 2022-09-08 op   width: 100%;
 89 1c1e3e26 2022-09-08 op   display: block;
 90 1c1e3e26 2022-09-08 op   margin: 2em auto;
 91 1c1e3e26 2022-09-08 op }
 92 1c1e3e26 2022-09-08 op 
 93 1c1e3e26 2022-09-08 op img {
 94 1c1e3e26 2022-09-08 op   margin: 10px;
 95 1c1e3e26 2022-09-08 op   display: inline-block;
 96 1c1e3e26 2022-09-08 op }
 97 1c1e3e26 2022-09-08 op 
 98 1c1e3e26 2022-09-08 op section.with-image {
 99 1c1e3e26 2022-09-08 op   margin-top: 1rem;
100 1c1e3e26 2022-09-08 op }
101 1c1e3e26 2022-09-08 op 
102 1c1e3e26 2022-09-08 op @media only screen and (min-width: 768px) {
103 1c1e3e26 2022-09-08 op   section.with-image {
104 1c1e3e26 2022-09-08 op     display: flex;
105 1c1e3e26 2022-09-08 op     flex-direction: row;
106 1c1e3e26 2022-09-08 op   }
107 1c1e3e26 2022-09-08 op }
108 1c1e3e26 2022-09-08 op 
109 1c1e3e26 2022-09-08 op section.with-image img {
110 1c1e3e26 2022-09-08 op   object-fit: contain;
111 1c1e3e26 2022-09-08 op }
112 1c1e3e26 2022-09-08 op 
113 1c1e3e26 2022-09-08 op section.with-image div {
114 1c1e3e26 2022-09-08 op   overflow: auto;
115 1c1e3e26 2022-09-08 op }
116 1c1e3e26 2022-09-08 op 
117 1c1e3e26 2022-09-08 op pre {
118 1c1e3e26 2022-09-08 op   overflow: auto;
119 1c1e3e26 2022-09-08 op   padding: 1rem;
120 1c1e3e26 2022-09-08 op   background-color: #f0f0f0;
121 1c1e3e26 2022-09-08 op   border-radius: 3px;
122 1c1e3e26 2022-09-08 op }
123 1c1e3e26 2022-09-08 op 
124 1c1e3e26 2022-09-08 op pre.banner {
125 1c1e3e26 2022-09-08 op   display: flex;
126 1c1e3e26 2022-09-08 op   flex-direction: row;
127 1c1e3e26 2022-09-08 op   justify-content: center;
128 1c1e3e26 2022-09-08 op }
129 1c1e3e26 2022-09-08 op 
130 1c1e3e26 2022-09-08 op code, kbd {
131 1c1e3e26 2022-09-08 op   color: #9d109d;
132 1c1e3e26 2022-09-08 op }
133 1c1e3e26 2022-09-08 op 
134 1c1e3e26 2022-09-08 op ul.link-list {
135 1c1e3e26 2022-09-08 op   list-style: disclosure-closed;
136 1c1e3e26 2022-09-08 op }
137 1c1e3e26 2022-09-08 op 
138 1c1e3e26 2022-09-08 op footer {
139 1c1e3e26 2022-09-08 op   margin-top: 4rem;
140 1c1e3e26 2022-09-08 op   font-size: 0.8rem;
141 1c1e3e26 2022-09-08 op   border-top: 1px solid;
142 1c1e3e26 2022-09-08 op }
143 1c1e3e26 2022-09-08 op 
144 1c1e3e26 2022-09-08 op @media (prefers-color-scheme: dark) {
145 1c1e3e26 2022-09-08 op   body {
146 1c1e3e26 2022-09-08 op     background-color: #222;
147 1c1e3e26 2022-09-08 op     color: white;
148 1c1e3e26 2022-09-08 op   }
149 1c1e3e26 2022-09-08 op 
150 1c1e3e26 2022-09-08 op   a {
151 1c1e3e26 2022-09-08 op     color: aqua;
152 1c1e3e26 2022-09-08 op   }
153 1c1e3e26 2022-09-08 op 
154 1c1e3e26 2022-09-08 op   hr {
155 1c1e3e26 2022-09-08 op     background-color: #ddd;
156 1c1e3e26 2022-09-08 op   }
157 1c1e3e26 2022-09-08 op 
158 1c1e3e26 2022-09-08 op   pre {
159 1c1e3e26 2022-09-08 op     background-color: #353535;
160 1c1e3e26 2022-09-08 op   }
161 1c1e3e26 2022-09-08 op 
162 1c1e3e26 2022-09-08 op   code, kbd {
163 1c1e3e26 2022-09-08 op     color: #ff4cff;
164 1c1e3e26 2022-09-08 op   }
165 1c1e3e26 2022-09-08 op 
166 1c1e3e26 2022-09-08 op   img {
167 1c1e3e26 2022-09-08 op     opacity: 0.8;
168 1c1e3e26 2022-09-08 op     transition: opacity .2s ease-in-out;
169 1c1e3e26 2022-09-08 op   }
170 1c1e3e26 2022-09-08 op 
171 1c1e3e26 2022-09-08 op   img:hover {
172 1c1e3e26 2022-09-08 op     opacity: 1;
173 1c1e3e26 2022-09-08 op   }
174 1c1e3e26 2022-09-08 op }
175 1c1e3e26 2022-09-08 op 
176 1c1e3e26 2022-09-08 op @media (max-width: 400px) {
177 1c1e3e26 2022-09-08 op   pre.banner { font-size: 9px; }
178 1c1e3e26 2022-09-08 op }
179 1c1e3e26 2022-09-08 op 
180 1c1e3e26 2022-09-08 op @media (max-width: 500px) {
181 1c1e3e26 2022-09-08 op   pre.banner { font-size: 10px; }
182 1c1e3e26 2022-09-08 op }