├── .github
    ├── ISSUE_TEMPLATE
    │   └── content-suggestion.md
    └── pull_request_template.md
├── LICENSE
├── README.md
├── css
    └── normalize.css
├── favicon.ico
├── img
    └── logo.svg
├── index.html
├── next.html
├── site.webmanifest
├── styles.css
└── template.hbs


/.github/ISSUE_TEMPLATE/content-suggestion.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | name: Content suggestion
 3 | about: The standard content suggestion template
 4 | title: "Suggestion for the coming week contest"
 5 | labels: Next content
 6 | assignees: "janethebot"
 7 | ---
 8 | 
 9 | --- Place here the exact content you're suggesting as a next piece ---
10 | Explaining your suggestion and further discussion can take place in the comment section
11 | 


--------------------------------------------------------------------------------
/.github/pull_request_template.md:
--------------------------------------------------------------------------------
 1 | # Contest submission
 2 | 
 3 | You can talk about your submission here, so others will have a better context when evaluating it.
 4 | 
 5 | ---
 6 | This Contest Submission:
 7 | - [ ] Is intended as my entry to the CSS Art Contest.
 8 | - [ ] Does not contain changes that will harm or offend any website users where it will run.
 9 | - [ ] Does not contain modifications that will degrade the user experience.
10 | - [ ] Does not contain any malicious code.
11 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2020 Vinícius Andrade <me@vicnicius.com>
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <p align="center">
 2 |   <img src="./img/logo.svg" width=480 alt="CSS Contest logo" />
 3 | </p>
 4 | 
 5 | ---
 6 | 
 7 | # Welcome
 8 | Welcome to our weekly community-driven automated contest that celebrates CSS craft. Our goal is to create a friendly corner on the web where challenge drives coders to inspire, entertain, and innovate, using HTML and CSS.
 9 | 
10 | **The basic idea of the contest**: each week, you have an HTML file with some content, and your goal is to create the CSS file that makes this a beautiful piece of web art.
11 | 
12 | For the last week winner: [csscontest.com](https://csscontest.com)
13 | 
14 | Every interaction related to the contest is automated, with the help of [@janethebot](https://github.com/janethebot), and the code behind the automation is here: [github.com/bitsofart/jane](https://github.com/bitsofart/jane). The website code is here: [github.com/bitsofart/csscontest.com](https://github.com/bitsofart/csscontest.com).
15 | 
16 | ## How to win:
17 |   1. Fork this repo.
18 |   2. Copy the contents of the next.html file into index.html.
19 |   3. Style it: update the styles.css file as you wish.
20 |   4. Create a Pull Request.
21 |   5. Be the most voted Pull Request for the week.
22 | The PR with the most positive votes gets merged and deployed to csscontest.com, where it will stay for the whole week until the community elects a new winner. 
23 | 
24 | _Notice that editions (or additions) on the PR are not allowed._
25 | 
26 | ## How to become the next week's contest content creator
27 | The community also gets to choose the content for the competitions. The process of content selection happens in the form of issues on this repository, in two simple steps:
28 |   1. Create an Issue with the exact HTML markup (and only that) you want to see in the coming week contest as the body.
29 |   2. Be the most voted content suggestion for the week.
30 | The selected content becomes part of the `next.html` file. 
31 | 
32 | _Notice that here also, editions of the main content of the issue are not allowed. The whole discussion space is free._
33 | 
34 | ### Know more
35 | To know more about how to participate, check the following wiki pages:
36 | - [General](https://github.com/bitsofart/contest/wiki)
37 | - [Entry Submission Rules](https://github.com/bitsofart/contest/wiki/CSS-Submission)
38 | - [Content Suggestion Rules](https://github.com/bitsofart/contest/wiki/Content-suggestion)
39 | 
40 | ### Contributing
41 | Contributions outside the scope of the contest are welcome here or in any of the related repositories are welcome.
42 | 
43 | ### Author
44 | Vini Andrade - [@vicnicius](https://github.com/vicnicius)
45 | 


--------------------------------------------------------------------------------
/css/normalize.css:
--------------------------------------------------------------------------------
  1 | /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  2 | 
  3 | /* Document
  4 |    ========================================================================== */
  5 | 
  6 | /**
  7 |  * 1. Correct the line height in all browsers.
  8 |  * 2. Prevent adjustments of font size after orientation changes in iOS.
  9 |  */
 10 | 
 11 | html {
 12 |   line-height: 1.15; /* 1 */
 13 |   -webkit-text-size-adjust: 100%; /* 2 */
 14 | }
 15 | 
 16 | /* Sections
 17 |    ========================================================================== */
 18 | 
 19 | /**
 20 |  * Remove the margin in all browsers.
 21 |  */
 22 | 
 23 | body {
 24 |   margin: 0;
 25 | }
 26 | 
 27 | /**
 28 |  * Render the `main` element consistently in IE.
 29 |  */
 30 | 
 31 | main {
 32 |   display: block;
 33 | }
 34 | 
 35 | /**
 36 |  * Correct the font size and margin on `h1` elements within `section` and
 37 |  * `article` contexts in Chrome, Firefox, and Safari.
 38 |  */
 39 | 
 40 | h1 {
 41 |   font-size: 2em;
 42 |   margin: 0.67em 0;
 43 | }
 44 | 
 45 | /* Grouping content
 46 |    ========================================================================== */
 47 | 
 48 | /**
 49 |  * 1. Add the correct box sizing in Firefox.
 50 |  * 2. Show the overflow in Edge and IE.
 51 |  */
 52 | 
 53 | hr {
 54 |   box-sizing: content-box; /* 1 */
 55 |   height: 0; /* 1 */
 56 |   overflow: visible; /* 2 */
 57 | }
 58 | 
 59 | /**
 60 |  * 1. Correct the inheritance and scaling of font size in all browsers.
 61 |  * 2. Correct the odd `em` font sizing in all browsers.
 62 |  */
 63 | 
 64 | pre {
 65 |   font-family: monospace, monospace; /* 1 */
 66 |   font-size: 1em; /* 2 */
 67 | }
 68 | 
 69 | /* Text-level semantics
 70 |    ========================================================================== */
 71 | 
 72 | /**
 73 |  * Remove the gray background on active links in IE 10.
 74 |  */
 75 | 
 76 | a {
 77 |   background-color: transparent;
 78 | }
 79 | 
 80 | /**
 81 |  * 1. Remove the bottom border in Chrome 57-
 82 |  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 83 |  */
 84 | 
 85 | abbr[title] {
 86 |   border-bottom: none; /* 1 */
 87 |   text-decoration: underline; /* 2 */
 88 |   text-decoration: underline dotted; /* 2 */
 89 | }
 90 | 
 91 | /**
 92 |  * Add the correct font weight in Chrome, Edge, and Safari.
 93 |  */
 94 | 
 95 | b,
 96 | strong {
 97 |   font-weight: bolder;
 98 | }
 99 | 
100 | /**
101 |  * 1. Correct the inheritance and scaling of font size in all browsers.
102 |  * 2. Correct the odd `em` font sizing in all browsers.
103 |  */
104 | 
105 | code,
106 | kbd,
107 | samp {
108 |   font-family: monospace, monospace; /* 1 */
109 |   font-size: 1em; /* 2 */
110 | }
111 | 
112 | /**
113 |  * Add the correct font size in all browsers.
114 |  */
115 | 
116 | small {
117 |   font-size: 80%;
118 | }
119 | 
120 | /**
121 |  * Prevent `sub` and `sup` elements from affecting the line height in
122 |  * all browsers.
123 |  */
124 | 
125 | sub,
126 | sup {
127 |   font-size: 75%;
128 |   line-height: 0;
129 |   position: relative;
130 |   vertical-align: baseline;
131 | }
132 | 
133 | sub {
134 |   bottom: -0.25em;
135 | }
136 | 
137 | sup {
138 |   top: -0.5em;
139 | }
140 | 
141 | /* Embedded content
142 |    ========================================================================== */
143 | 
144 | /**
145 |  * Remove the border on images inside links in IE 10.
146 |  */
147 | 
148 | img {
149 |   border-style: none;
150 | }
151 | 
152 | /* Forms
153 |    ========================================================================== */
154 | 
155 | /**
156 |  * 1. Change the font styles in all browsers.
157 |  * 2. Remove the margin in Firefox and Safari.
158 |  */
159 | 
160 | button,
161 | input,
162 | optgroup,
163 | select,
164 | textarea {
165 |   font-family: inherit; /* 1 */
166 |   font-size: 100%; /* 1 */
167 |   line-height: 1.15; /* 1 */
168 |   margin: 0; /* 2 */
169 | }
170 | 
171 | /**
172 |  * Show the overflow in IE.
173 |  * 1. Show the overflow in Edge.
174 |  */
175 | 
176 | button,
177 | input { /* 1 */
178 |   overflow: visible;
179 | }
180 | 
181 | /**
182 |  * Remove the inheritance of text transform in Edge, Firefox, and IE.
183 |  * 1. Remove the inheritance of text transform in Firefox.
184 |  */
185 | 
186 | button,
187 | select { /* 1 */
188 |   text-transform: none;
189 | }
190 | 
191 | /**
192 |  * Correct the inability to style clickable types in iOS and Safari.
193 |  */
194 | 
195 | button,
196 | [type="button"],
197 | [type="reset"],
198 | [type="submit"] {
199 |   -webkit-appearance: button;
200 | }
201 | 
202 | /**
203 |  * Remove the inner border and padding in Firefox.
204 |  */
205 | 
206 | button::-moz-focus-inner,
207 | [type="button"]::-moz-focus-inner,
208 | [type="reset"]::-moz-focus-inner,
209 | [type="submit"]::-moz-focus-inner {
210 |   border-style: none;
211 |   padding: 0;
212 | }
213 | 
214 | /**
215 |  * Restore the focus styles unset by the previous rule.
216 |  */
217 | 
218 | button:-moz-focusring,
219 | [type="button"]:-moz-focusring,
220 | [type="reset"]:-moz-focusring,
221 | [type="submit"]:-moz-focusring {
222 |   outline: 1px dotted ButtonText;
223 | }
224 | 
225 | /**
226 |  * Correct the padding in Firefox.
227 |  */
228 | 
229 | fieldset {
230 |   padding: 0.35em 0.75em 0.625em;
231 | }
232 | 
233 | /**
234 |  * 1. Correct the text wrapping in Edge and IE.
235 |  * 2. Correct the color inheritance from `fieldset` elements in IE.
236 |  * 3. Remove the padding so developers are not caught out when they zero out
237 |  *    `fieldset` elements in all browsers.
238 |  */
239 | 
240 | legend {
241 |   box-sizing: border-box; /* 1 */
242 |   color: inherit; /* 2 */
243 |   display: table; /* 1 */
244 |   max-width: 100%; /* 1 */
245 |   padding: 0; /* 3 */
246 |   white-space: normal; /* 1 */
247 | }
248 | 
249 | /**
250 |  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
251 |  */
252 | 
253 | progress {
254 |   vertical-align: baseline;
255 | }
256 | 
257 | /**
258 |  * Remove the default vertical scrollbar in IE 10+.
259 |  */
260 | 
261 | textarea {
262 |   overflow: auto;
263 | }
264 | 
265 | /**
266 |  * 1. Add the correct box sizing in IE 10.
267 |  * 2. Remove the padding in IE 10.
268 |  */
269 | 
270 | [type="checkbox"],
271 | [type="radio"] {
272 |   box-sizing: border-box; /* 1 */
273 |   padding: 0; /* 2 */
274 | }
275 | 
276 | /**
277 |  * Correct the cursor style of increment and decrement buttons in Chrome.
278 |  */
279 | 
280 | [type="number"]::-webkit-inner-spin-button,
281 | [type="number"]::-webkit-outer-spin-button {
282 |   height: auto;
283 | }
284 | 
285 | /**
286 |  * 1. Correct the odd appearance in Chrome and Safari.
287 |  * 2. Correct the outline style in Safari.
288 |  */
289 | 
290 | [type="search"] {
291 |   -webkit-appearance: textfield; /* 1 */
292 |   outline-offset: -2px; /* 2 */
293 | }
294 | 
295 | /**
296 |  * Remove the inner padding in Chrome and Safari on macOS.
297 |  */
298 | 
299 | [type="search"]::-webkit-search-decoration {
300 |   -webkit-appearance: none;
301 | }
302 | 
303 | /**
304 |  * 1. Correct the inability to style clickable types in iOS and Safari.
305 |  * 2. Change font properties to `inherit` in Safari.
306 |  */
307 | 
308 | ::-webkit-file-upload-button {
309 |   -webkit-appearance: button; /* 1 */
310 |   font: inherit; /* 2 */
311 | }
312 | 
313 | /* Interactive
314 |    ========================================================================== */
315 | 
316 | /*
317 |  * Add the correct display in Edge, IE 10+, and Firefox.
318 |  */
319 | 
320 | details {
321 |   display: block;
322 | }
323 | 
324 | /*
325 |  * Add the correct display in all browsers.
326 |  */
327 | 
328 | summary {
329 |   display: list-item;
330 | }
331 | 
332 | /* Misc
333 |    ========================================================================== */
334 | 
335 | /**
336 |  * Add the correct display in IE 10+.
337 |  */
338 | 
339 | template {
340 |   display: none;
341 | }
342 | 
343 | /**
344 |  * Add the correct display in IE 10.
345 |  */
346 | 
347 | [hidden] {
348 |   display: none;
349 | }
350 | 


--------------------------------------------------------------------------------
/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bitsofart/contest/8bbc83166e1249839b397b309e63e071abf6a682/favicon.ico


--------------------------------------------------------------------------------
/img/logo.svg:
--------------------------------------------------------------------------------
 1 | <svg class="logo" viewBox="0 0 122 13" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <path d="M0.261993 9.866C0.261993 9.622 0.321993 9.4 0.441993 9.2C0.561993 8.996 0.723993 8.834 0.927994 8.714C1.13199 8.59 1.35599 8.528 1.59999 8.528C1.84799 8.528 2.07199 8.59 2.27199 8.714C2.47599 8.834 2.63799 8.996 2.75799 9.2C2.87799 9.4 2.93799 9.622 2.93799 9.866C2.93799 10.106 2.87799 10.328 2.75799 10.532C2.63799 10.736 2.47599 10.898 2.27199 11.018C2.07199 11.142 1.84799 11.204 1.59999 11.204C1.35599 11.204 1.13199 11.142 0.927994 11.018C0.723993 10.898 0.561993 10.736 0.441993 10.532C0.321993 10.328 0.261993 10.106 0.261993 9.866Z" fill="black"/>
 3 | <path d="M11.9933 9.71C12.2533 9.71 12.4973 9.66 12.7253 9.56C12.9573 9.456 13.1873 9.324 13.4153 9.164L14.2613 10.364C13.9813 10.604 13.6393 10.804 13.2353 10.964C12.8353 11.124 12.3873 11.204 11.8913 11.204C11.2073 11.204 10.6193 11.064 10.1273 10.784C9.63531 10.5 9.25731 10.108 8.99331 9.608C8.72931 9.104 8.59731 8.52 8.59731 7.856C8.59731 7.192 8.73131 6.602 8.99931 6.086C9.27131 5.566 9.65531 5.158 10.1513 4.862C10.6513 4.566 11.2433 4.418 11.9273 4.418C12.4113 4.418 12.8413 4.486 13.2173 4.622C13.5973 4.754 13.9453 4.952 14.2613 5.216L13.4393 6.356C13.2233 6.204 12.9953 6.086 12.7553 6.002C12.5153 5.918 12.2653 5.876 12.0053 5.876C11.5773 5.876 11.2313 6.028 10.9673 6.332C10.7073 6.632 10.5773 7.14 10.5773 7.856C10.5773 8.324 10.6393 8.694 10.7633 8.966C10.8873 9.234 11.0553 9.426 11.2673 9.542C11.4833 9.654 11.7253 9.71 11.9933 9.71Z" fill="black"/>
 4 | <path d="M20.9466 9.848C21.2626 9.848 21.5166 9.798 21.7086 9.698C21.9046 9.598 22.0026 9.448 22.0026 9.248C22.0026 9.112 21.9646 8.998 21.8886 8.906C21.8126 8.814 21.6666 8.726 21.4506 8.642C21.2346 8.558 20.9146 8.458 20.4906 8.342C19.9066 8.186 19.4306 7.962 19.0626 7.67C18.6986 7.378 18.5166 6.95 18.5166 6.386C18.5166 5.818 18.7526 5.348 19.2246 4.976C19.7006 4.604 20.3866 4.418 21.2826 4.418C21.8506 4.418 22.3446 4.492 22.7646 4.64C23.1886 4.784 23.5546 4.968 23.8626 5.192L23.1066 6.308C22.8426 6.144 22.5586 6.014 22.2546 5.918C21.9506 5.818 21.6446 5.768 21.3366 5.768C20.7286 5.768 20.4246 5.932 20.4246 6.26C20.4246 6.368 20.4626 6.462 20.5386 6.542C20.6186 6.618 20.7666 6.698 20.9826 6.782C21.1986 6.862 21.5146 6.962 21.9306 7.082C22.3426 7.198 22.7006 7.332 23.0046 7.484C23.3126 7.636 23.5506 7.84 23.7186 8.096C23.8866 8.348 23.9706 8.682 23.9706 9.098C23.9706 9.562 23.8326 9.952 23.5566 10.268C23.2806 10.58 22.9146 10.814 22.4586 10.97C22.0026 11.126 21.5026 11.204 20.9586 11.204C20.3426 11.204 19.7986 11.116 19.3266 10.94C18.8546 10.764 18.4526 10.532 18.1206 10.244L19.0746 9.176C19.3226 9.368 19.6026 9.528 19.9146 9.656C20.2306 9.784 20.5746 9.848 20.9466 9.848Z" fill="black"/>
 5 | <path d="M30.7219 9.848C31.0379 9.848 31.2919 9.798 31.4839 9.698C31.6799 9.598 31.7779 9.448 31.7779 9.248C31.7779 9.112 31.7399 8.998 31.6639 8.906C31.5879 8.814 31.4419 8.726 31.2259 8.642C31.0099 8.558 30.6899 8.458 30.2659 8.342C29.6819 8.186 29.2059 7.962 28.8379 7.67C28.4739 7.378 28.2919 6.95 28.2919 6.386C28.2919 5.818 28.5279 5.348 28.9999 4.976C29.4759 4.604 30.1619 4.418 31.0579 4.418C31.6259 4.418 32.1199 4.492 32.5399 4.64C32.9639 4.784 33.3299 4.968 33.6379 5.192L32.8819 6.308C32.6179 6.144 32.3339 6.014 32.0299 5.918C31.7259 5.818 31.4199 5.768 31.1119 5.768C30.5039 5.768 30.1999 5.932 30.1999 6.26C30.1999 6.368 30.2379 6.462 30.3139 6.542C30.3939 6.618 30.5419 6.698 30.7579 6.782C30.9739 6.862 31.2899 6.962 31.7059 7.082C32.1179 7.198 32.4759 7.332 32.7799 7.484C33.0879 7.636 33.3259 7.84 33.4939 8.096C33.6619 8.348 33.7459 8.682 33.7459 9.098C33.7459 9.562 33.6079 9.952 33.3319 10.268C33.0559 10.58 32.6899 10.814 32.2339 10.97C31.7779 11.126 31.2779 11.204 30.7339 11.204C30.1179 11.204 29.5739 11.116 29.1019 10.94C28.6299 10.764 28.2279 10.532 27.8959 10.244L28.8499 9.176C29.0979 9.368 29.3779 9.528 29.6899 9.656C30.0059 9.784 30.3499 9.848 30.7219 9.848Z" fill="black"/>
 6 | <path d="M42.6992 0.919998V2.24C42.3352 2.24 42.0512 2.292 41.8472 2.396C41.6432 2.496 41.5552 2.698 41.5832 3.002L41.7692 4.772C41.8172 5.22 41.7672 5.582 41.6192 5.858C41.4752 6.134 41.2532 6.346 40.9532 6.494C40.6572 6.638 40.3072 6.74 39.9032 6.8C40.3312 6.864 40.6932 6.968 40.9892 7.112C41.2852 7.256 41.5012 7.464 41.6372 7.736C41.7732 8.008 41.8172 8.372 41.7692 8.828L41.5832 10.598C41.5552 10.902 41.6432 11.104 41.8472 11.204C42.0512 11.308 42.3352 11.36 42.6992 11.36V12.68C41.5952 12.68 40.8192 12.512 40.3712 12.176C39.9272 11.844 39.7472 11.274 39.8312 10.466L40.0112 8.75C40.0592 8.294 39.9252 7.984 39.6092 7.82C39.2932 7.652 38.8792 7.568 38.3672 7.568V6.032C38.7032 6.032 39.0012 5.998 39.2612 5.93C39.5212 5.858 39.7192 5.736 39.8552 5.564C39.9912 5.392 40.0432 5.154 40.0112 4.85L39.8312 3.146C39.7432 2.322 39.9232 1.746 40.3712 1.418C40.8192 1.086 41.5952 0.919998 42.6992 0.919998Z" fill="black"/>
 7 | <path d="M51.0946 9.71C51.3546 9.71 51.5986 9.66 51.8266 9.56C52.0586 9.456 52.2886 9.324 52.5166 9.164L53.3626 10.364C53.0826 10.604 52.7406 10.804 52.3366 10.964C51.9366 11.124 51.4886 11.204 50.9926 11.204C50.3086 11.204 49.7206 11.064 49.2286 10.784C48.7366 10.5 48.3586 10.108 48.0946 9.608C47.8306 9.104 47.6986 8.52 47.6986 7.856C47.6986 7.192 47.8326 6.602 48.1006 6.086C48.3726 5.566 48.7566 5.158 49.2526 4.862C49.7526 4.566 50.3446 4.418 51.0286 4.418C51.5126 4.418 51.9426 4.486 52.3186 4.622C52.6986 4.754 53.0466 4.952 53.3626 5.216L52.5406 6.356C52.3246 6.204 52.0966 6.086 51.8566 6.002C51.6166 5.918 51.3666 5.876 51.1066 5.876C50.6786 5.876 50.3326 6.028 50.0686 6.332C49.8086 6.632 49.6786 7.14 49.6786 7.856C49.6786 8.324 49.7406 8.694 49.8646 8.966C49.9886 9.234 50.1566 9.426 50.3686 9.542C50.5846 9.654 50.8266 9.71 51.0946 9.71Z" fill="black"/>
 8 | <path d="M60.2519 4.418C60.9079 4.418 61.4659 4.558 61.9259 4.838C62.3859 5.118 62.7379 5.512 62.9819 6.02C63.2259 6.524 63.3479 7.116 63.3479 7.796C63.3479 8.86 63.0759 9.694 62.5319 10.298C61.9879 10.902 61.2279 11.204 60.2519 11.204C59.2759 11.204 58.5159 10.906 57.9719 10.31C57.4279 9.714 57.1559 8.88 57.1559 7.808C57.1559 7.132 57.2779 6.54 57.5219 6.032C57.7699 5.524 58.1239 5.128 58.5839 4.844C59.0479 4.56 59.6039 4.418 60.2519 4.418ZM60.2519 5.816C59.8639 5.816 59.5759 5.976 59.3879 6.296C59.2039 6.612 59.1119 7.116 59.1119 7.808C59.1119 8.512 59.2039 9.022 59.3879 9.338C59.5759 9.654 59.8639 9.812 60.2519 9.812C60.6399 9.812 60.9259 9.654 61.1099 9.338C61.2979 9.022 61.3919 8.508 61.3919 7.796C61.3919 7.108 61.2979 6.606 61.1099 6.29C60.9259 5.974 60.6399 5.816 60.2519 5.816Z" fill="black"/>
 9 | <path d="M67.2672 11V4.628H68.9232L69.0552 5.366C69.3392 5.046 69.6392 4.808 69.9552 4.652C70.2712 4.496 70.6312 4.418 71.0352 4.418C71.5792 4.418 72.0072 4.584 72.3192 4.916C72.6312 5.248 72.7872 5.716 72.7872 6.32V11H70.8912V6.866C70.8912 6.474 70.8472 6.202 70.7592 6.05C70.6752 5.894 70.5152 5.816 70.2792 5.816C70.0792 5.816 69.8872 5.88 69.7032 6.008C69.5232 6.136 69.3432 6.314 69.1632 6.542V11H67.2672Z" fill="black"/>
10 | <path d="M82.7785 10.628C82.5305 10.788 82.2305 10.924 81.8785 11.036C81.5265 11.148 81.1305 11.204 80.6905 11.204C79.8585 11.204 79.2405 10.992 78.8365 10.568C78.4325 10.14 78.2305 9.56 78.2305 8.828V5.936H76.8925V4.628H78.2305V3.248L80.1265 3.02V4.628H82.1785L81.9925 5.936H80.1265V8.828C80.1265 9.144 80.1985 9.37 80.3425 9.506C80.4865 9.642 80.7165 9.71 81.0325 9.71C81.2565 9.71 81.4605 9.684 81.6445 9.632C81.8325 9.576 82.0005 9.506 82.1485 9.422L82.7785 10.628Z" fill="black"/>
11 | <path d="M88.4618 8.366C88.5258 8.886 88.6958 9.26 88.9718 9.488C89.2478 9.712 89.5878 9.824 89.9918 9.824C90.2838 9.824 90.5658 9.776 90.8378 9.68C91.1098 9.584 91.3718 9.456 91.6238 9.296L92.3858 10.328C92.0858 10.584 91.7218 10.794 91.2938 10.958C90.8698 11.122 90.3858 11.204 89.8418 11.204C89.1138 11.204 88.5038 11.06 88.0118 10.772C87.5198 10.48 87.1498 10.08 86.9018 9.572C86.6538 9.064 86.5298 8.48 86.5298 7.82C86.5298 7.192 86.6498 6.622 86.8898 6.11C87.1298 5.594 87.4798 5.184 87.9398 4.88C88.4038 4.572 88.9698 4.418 89.6378 4.418C90.2458 4.418 90.7718 4.548 91.2158 4.808C91.6638 5.068 92.0098 5.442 92.2538 5.93C92.5018 6.418 92.6258 7.004 92.6258 7.688C92.6258 7.796 92.6218 7.912 92.6138 8.036C92.6098 8.16 92.6018 8.27 92.5898 8.366H88.4618ZM89.6378 5.69C89.2978 5.69 89.0238 5.812 88.8158 6.056C88.6078 6.3 88.4818 6.69 88.4378 7.226H90.7778C90.7738 6.762 90.6838 6.39 90.5078 6.11C90.3318 5.83 90.0418 5.69 89.6378 5.69Z" fill="black"/>
12 | <path d="M99.1491 9.848C99.4651 9.848 99.7191 9.798 99.9111 9.698C100.107 9.598 100.205 9.448 100.205 9.248C100.205 9.112 100.167 8.998 100.091 8.906C100.015 8.814 99.8691 8.726 99.6531 8.642C99.4371 8.558 99.1171 8.458 98.6931 8.342C98.1091 8.186 97.6331 7.962 97.2651 7.67C96.9011 7.378 96.7191 6.95 96.7191 6.386C96.7191 5.818 96.9551 5.348 97.4271 4.976C97.9031 4.604 98.5891 4.418 99.4851 4.418C100.053 4.418 100.547 4.492 100.967 4.64C101.391 4.784 101.757 4.968 102.065 5.192L101.309 6.308C101.045 6.144 100.761 6.014 100.457 5.918C100.153 5.818 99.8471 5.768 99.5391 5.768C98.9311 5.768 98.6271 5.932 98.6271 6.26C98.6271 6.368 98.6651 6.462 98.7411 6.542C98.8211 6.618 98.9691 6.698 99.1851 6.782C99.4011 6.862 99.7171 6.962 100.133 7.082C100.545 7.198 100.903 7.332 101.207 7.484C101.515 7.636 101.753 7.84 101.921 8.096C102.089 8.348 102.173 8.682 102.173 9.098C102.173 9.562 102.035 9.952 101.759 10.268C101.483 10.58 101.117 10.814 100.661 10.97C100.205 11.126 99.7051 11.204 99.1611 11.204C98.5451 11.204 98.0011 11.116 97.5291 10.94C97.0571 10.764 96.6551 10.532 96.3231 10.244L97.2771 9.176C97.5251 9.368 97.8051 9.528 98.1171 9.656C98.4331 9.784 98.7771 9.848 99.1491 9.848Z" fill="black"/>
13 | <path d="M112.104 10.628C111.856 10.788 111.556 10.924 111.204 11.036C110.852 11.148 110.456 11.204 110.016 11.204C109.184 11.204 108.566 10.992 108.162 10.568C107.758 10.14 107.556 9.56 107.556 8.828V5.936H106.218V4.628H107.556V3.248L109.452 3.02V4.628H111.504L111.318 5.936H109.452V8.828C109.452 9.144 109.524 9.37 109.668 9.506C109.812 9.642 110.042 9.71 110.358 9.71C110.582 9.71 110.786 9.684 110.97 9.632C111.158 9.576 111.326 9.506 111.474 9.422L112.104 10.628Z" fill="black"/>
14 | <path d="M116.906 0.919998C118.01 0.919998 118.784 1.086 119.228 1.418C119.676 1.75 119.858 2.322 119.774 3.134L119.594 4.85C119.546 5.306 119.68 5.618 119.996 5.786C120.316 5.95 120.73 6.032 121.238 6.032V7.568C120.902 7.568 120.604 7.604 120.344 7.676C120.084 7.744 119.886 7.864 119.75 8.036C119.614 8.208 119.562 8.446 119.594 8.75L119.774 10.454C119.866 11.274 119.686 11.85 119.234 12.182C118.786 12.514 118.01 12.68 116.906 12.68V11.36C117.274 11.36 117.56 11.308 117.764 11.204C117.968 11.104 118.054 10.902 118.022 10.598L117.836 8.828C117.788 8.376 117.836 8.014 117.98 7.742C118.128 7.466 118.352 7.256 118.652 7.112C118.952 6.964 119.304 6.86 119.708 6.8C119.28 6.736 118.916 6.632 118.616 6.488C118.32 6.344 118.104 6.136 117.968 5.864C117.832 5.588 117.788 5.224 117.836 4.772L118.022 3.002C118.054 2.698 117.966 2.496 117.758 2.396C117.554 2.292 117.27 2.24 116.906 2.24V0.919998Z" fill="black"/>
15 | </svg>
16 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html class="no-js" lang="en">
 3 | <head>
 4 |   <meta charset="utf-8">
 5 |   <title>CSS Contest - An open contest for people who love CSS.</title>
 6 |   <meta name="description" content="CSS Contest is an open CSS contest, hosted on Github. Anyone with a Github account
 7 |   can participate.">
 8 |   <meta name="viewport" content="width=device-width, initial-scale=1">
 9 |   <link rel="manifest" href="site.webmanifest">
10 |   <link rel="apple-touch-icon" href="icon.png">
11 |   <link rel="stylesheet" href="css/normalize.css">
12 |   <link rel="stylesheet" href="styles.css">
13 | </head>
14 | <body>
15 |   <main class="main">
16 |     <div class="content">
17 |       <h1>Hello, <em>CSS</em> world!</h1>
18 | 
19 |     </div>
20 |     <footer class="footer">
21 |       <!-- We escape the handlebars for the style creator so it actually goes for the HTML. When this gets to the next
22 |         step in the competition we can then still replace the style creator data using the same template  engine -->
23 |       <p class="paragraph">CSS by: <a href="{{style_creator_url}}">{{style_creator_handle}}</a></p>
24 |       <p class="paragraph">Content by: <a href="https://github.com/vicnicius">vicnicius</a></p>
25 |       <p class="paragraph">For more information, check the <a class="link" href="https://github.com/bitsofart/contest">Github repository.</a></p>
26 |       <a class="logo-link" href="https://github.com/bitsofart/contest">
27 |         <svg class="logo" viewBox="0 0 122 13" fill="none" xmlns="http://www.w3.org/2000/svg" style="max-width: 480px;">
28 |           <path d="M0.261993 9.866C0.261993 9.622 0.321993 9.4 0.441993 9.2C0.561993 8.996 0.723993 8.834 0.927994 8.714C1.13199 8.59 1.35599 8.528 1.59999 8.528C1.84799 8.528 2.07199 8.59 2.27199 8.714C2.47599 8.834 2.63799 8.996 2.75799 9.2C2.87799 9.4 2.93799 9.622 2.93799 9.866C2.93799 10.106 2.87799 10.328 2.75799 10.532C2.63799 10.736 2.47599 10.898 2.27199 11.018C2.07199 11.142 1.84799 11.204 1.59999 11.204C1.35599 11.204 1.13199 11.142 0.927994 11.018C0.723993 10.898 0.561993 10.736 0.441993 10.532C0.321993 10.328 0.261993 10.106 0.261993 9.866Z" fill="black"/>
29 |           <path d="M11.9933 9.71C12.2533 9.71 12.4973 9.66 12.7253 9.56C12.9573 9.456 13.1873 9.324 13.4153 9.164L14.2613 10.364C13.9813 10.604 13.6393 10.804 13.2353 10.964C12.8353 11.124 12.3873 11.204 11.8913 11.204C11.2073 11.204 10.6193 11.064 10.1273 10.784C9.63531 10.5 9.25731 10.108 8.99331 9.608C8.72931 9.104 8.59731 8.52 8.59731 7.856C8.59731 7.192 8.73131 6.602 8.99931 6.086C9.27131 5.566 9.65531 5.158 10.1513 4.862C10.6513 4.566 11.2433 4.418 11.9273 4.418C12.4113 4.418 12.8413 4.486 13.2173 4.622C13.5973 4.754 13.9453 4.952 14.2613 5.216L13.4393 6.356C13.2233 6.204 12.9953 6.086 12.7553 6.002C12.5153 5.918 12.2653 5.876 12.0053 5.876C11.5773 5.876 11.2313 6.028 10.9673 6.332C10.7073 6.632 10.5773 7.14 10.5773 7.856C10.5773 8.324 10.6393 8.694 10.7633 8.966C10.8873 9.234 11.0553 9.426 11.2673 9.542C11.4833 9.654 11.7253 9.71 11.9933 9.71Z" fill="black"/>
30 |           <path d="M20.9466 9.848C21.2626 9.848 21.5166 9.798 21.7086 9.698C21.9046 9.598 22.0026 9.448 22.0026 9.248C22.0026 9.112 21.9646 8.998 21.8886 8.906C21.8126 8.814 21.6666 8.726 21.4506 8.642C21.2346 8.558 20.9146 8.458 20.4906 8.342C19.9066 8.186 19.4306 7.962 19.0626 7.67C18.6986 7.378 18.5166 6.95 18.5166 6.386C18.5166 5.818 18.7526 5.348 19.2246 4.976C19.7006 4.604 20.3866 4.418 21.2826 4.418C21.8506 4.418 22.3446 4.492 22.7646 4.64C23.1886 4.784 23.5546 4.968 23.8626 5.192L23.1066 6.308C22.8426 6.144 22.5586 6.014 22.2546 5.918C21.9506 5.818 21.6446 5.768 21.3366 5.768C20.7286 5.768 20.4246 5.932 20.4246 6.26C20.4246 6.368 20.4626 6.462 20.5386 6.542C20.6186 6.618 20.7666 6.698 20.9826 6.782C21.1986 6.862 21.5146 6.962 21.9306 7.082C22.3426 7.198 22.7006 7.332 23.0046 7.484C23.3126 7.636 23.5506 7.84 23.7186 8.096C23.8866 8.348 23.9706 8.682 23.9706 9.098C23.9706 9.562 23.8326 9.952 23.5566 10.268C23.2806 10.58 22.9146 10.814 22.4586 10.97C22.0026 11.126 21.5026 11.204 20.9586 11.204C20.3426 11.204 19.7986 11.116 19.3266 10.94C18.8546 10.764 18.4526 10.532 18.1206 10.244L19.0746 9.176C19.3226 9.368 19.6026 9.528 19.9146 9.656C20.2306 9.784 20.5746 9.848 20.9466 9.848Z" fill="black"/>
31 |           <path d="M30.7219 9.848C31.0379 9.848 31.2919 9.798 31.4839 9.698C31.6799 9.598 31.7779 9.448 31.7779 9.248C31.7779 9.112 31.7399 8.998 31.6639 8.906C31.5879 8.814 31.4419 8.726 31.2259 8.642C31.0099 8.558 30.6899 8.458 30.2659 8.342C29.6819 8.186 29.2059 7.962 28.8379 7.67C28.4739 7.378 28.2919 6.95 28.2919 6.386C28.2919 5.818 28.5279 5.348 28.9999 4.976C29.4759 4.604 30.1619 4.418 31.0579 4.418C31.6259 4.418 32.1199 4.492 32.5399 4.64C32.9639 4.784 33.3299 4.968 33.6379 5.192L32.8819 6.308C32.6179 6.144 32.3339 6.014 32.0299 5.918C31.7259 5.818 31.4199 5.768 31.1119 5.768C30.5039 5.768 30.1999 5.932 30.1999 6.26C30.1999 6.368 30.2379 6.462 30.3139 6.542C30.3939 6.618 30.5419 6.698 30.7579 6.782C30.9739 6.862 31.2899 6.962 31.7059 7.082C32.1179 7.198 32.4759 7.332 32.7799 7.484C33.0879 7.636 33.3259 7.84 33.4939 8.096C33.6619 8.348 33.7459 8.682 33.7459 9.098C33.7459 9.562 33.6079 9.952 33.3319 10.268C33.0559 10.58 32.6899 10.814 32.2339 10.97C31.7779 11.126 31.2779 11.204 30.7339 11.204C30.1179 11.204 29.5739 11.116 29.1019 10.94C28.6299 10.764 28.2279 10.532 27.8959 10.244L28.8499 9.176C29.0979 9.368 29.3779 9.528 29.6899 9.656C30.0059 9.784 30.3499 9.848 30.7219 9.848Z" fill="black"/>
32 |           <path d="M42.6992 0.919998V2.24C42.3352 2.24 42.0512 2.292 41.8472 2.396C41.6432 2.496 41.5552 2.698 41.5832 3.002L41.7692 4.772C41.8172 5.22 41.7672 5.582 41.6192 5.858C41.4752 6.134 41.2532 6.346 40.9532 6.494C40.6572 6.638 40.3072 6.74 39.9032 6.8C40.3312 6.864 40.6932 6.968 40.9892 7.112C41.2852 7.256 41.5012 7.464 41.6372 7.736C41.7732 8.008 41.8172 8.372 41.7692 8.828L41.5832 10.598C41.5552 10.902 41.6432 11.104 41.8472 11.204C42.0512 11.308 42.3352 11.36 42.6992 11.36V12.68C41.5952 12.68 40.8192 12.512 40.3712 12.176C39.9272 11.844 39.7472 11.274 39.8312 10.466L40.0112 8.75C40.0592 8.294 39.9252 7.984 39.6092 7.82C39.2932 7.652 38.8792 7.568 38.3672 7.568V6.032C38.7032 6.032 39.0012 5.998 39.2612 5.93C39.5212 5.858 39.7192 5.736 39.8552 5.564C39.9912 5.392 40.0432 5.154 40.0112 4.85L39.8312 3.146C39.7432 2.322 39.9232 1.746 40.3712 1.418C40.8192 1.086 41.5952 0.919998 42.6992 0.919998Z" fill="black"/>
33 |           <path d="M51.0946 9.71C51.3546 9.71 51.5986 9.66 51.8266 9.56C52.0586 9.456 52.2886 9.324 52.5166 9.164L53.3626 10.364C53.0826 10.604 52.7406 10.804 52.3366 10.964C51.9366 11.124 51.4886 11.204 50.9926 11.204C50.3086 11.204 49.7206 11.064 49.2286 10.784C48.7366 10.5 48.3586 10.108 48.0946 9.608C47.8306 9.104 47.6986 8.52 47.6986 7.856C47.6986 7.192 47.8326 6.602 48.1006 6.086C48.3726 5.566 48.7566 5.158 49.2526 4.862C49.7526 4.566 50.3446 4.418 51.0286 4.418C51.5126 4.418 51.9426 4.486 52.3186 4.622C52.6986 4.754 53.0466 4.952 53.3626 5.216L52.5406 6.356C52.3246 6.204 52.0966 6.086 51.8566 6.002C51.6166 5.918 51.3666 5.876 51.1066 5.876C50.6786 5.876 50.3326 6.028 50.0686 6.332C49.8086 6.632 49.6786 7.14 49.6786 7.856C49.6786 8.324 49.7406 8.694 49.8646 8.966C49.9886 9.234 50.1566 9.426 50.3686 9.542C50.5846 9.654 50.8266 9.71 51.0946 9.71Z" fill="black"/>
34 |           <path d="M60.2519 4.418C60.9079 4.418 61.4659 4.558 61.9259 4.838C62.3859 5.118 62.7379 5.512 62.9819 6.02C63.2259 6.524 63.3479 7.116 63.3479 7.796C63.3479 8.86 63.0759 9.694 62.5319 10.298C61.9879 10.902 61.2279 11.204 60.2519 11.204C59.2759 11.204 58.5159 10.906 57.9719 10.31C57.4279 9.714 57.1559 8.88 57.1559 7.808C57.1559 7.132 57.2779 6.54 57.5219 6.032C57.7699 5.524 58.1239 5.128 58.5839 4.844C59.0479 4.56 59.6039 4.418 60.2519 4.418ZM60.2519 5.816C59.8639 5.816 59.5759 5.976 59.3879 6.296C59.2039 6.612 59.1119 7.116 59.1119 7.808C59.1119 8.512 59.2039 9.022 59.3879 9.338C59.5759 9.654 59.8639 9.812 60.2519 9.812C60.6399 9.812 60.9259 9.654 61.1099 9.338C61.2979 9.022 61.3919 8.508 61.3919 7.796C61.3919 7.108 61.2979 6.606 61.1099 6.29C60.9259 5.974 60.6399 5.816 60.2519 5.816Z" fill="black"/>
35 |           <path d="M67.2672 11V4.628H68.9232L69.0552 5.366C69.3392 5.046 69.6392 4.808 69.9552 4.652C70.2712 4.496 70.6312 4.418 71.0352 4.418C71.5792 4.418 72.0072 4.584 72.3192 4.916C72.6312 5.248 72.7872 5.716 72.7872 6.32V11H70.8912V6.866C70.8912 6.474 70.8472 6.202 70.7592 6.05C70.6752 5.894 70.5152 5.816 70.2792 5.816C70.0792 5.816 69.8872 5.88 69.7032 6.008C69.5232 6.136 69.3432 6.314 69.1632 6.542V11H67.2672Z" fill="black"/>
36 |           <path d="M82.7785 10.628C82.5305 10.788 82.2305 10.924 81.8785 11.036C81.5265 11.148 81.1305 11.204 80.6905 11.204C79.8585 11.204 79.2405 10.992 78.8365 10.568C78.4325 10.14 78.2305 9.56 78.2305 8.828V5.936H76.8925V4.628H78.2305V3.248L80.1265 3.02V4.628H82.1785L81.9925 5.936H80.1265V8.828C80.1265 9.144 80.1985 9.37 80.3425 9.506C80.4865 9.642 80.7165 9.71 81.0325 9.71C81.2565 9.71 81.4605 9.684 81.6445 9.632C81.8325 9.576 82.0005 9.506 82.1485 9.422L82.7785 10.628Z" fill="black"/>
37 |           <path d="M88.4618 8.366C88.5258 8.886 88.6958 9.26 88.9718 9.488C89.2478 9.712 89.5878 9.824 89.9918 9.824C90.2838 9.824 90.5658 9.776 90.8378 9.68C91.1098 9.584 91.3718 9.456 91.6238 9.296L92.3858 10.328C92.0858 10.584 91.7218 10.794 91.2938 10.958C90.8698 11.122 90.3858 11.204 89.8418 11.204C89.1138 11.204 88.5038 11.06 88.0118 10.772C87.5198 10.48 87.1498 10.08 86.9018 9.572C86.6538 9.064 86.5298 8.48 86.5298 7.82C86.5298 7.192 86.6498 6.622 86.8898 6.11C87.1298 5.594 87.4798 5.184 87.9398 4.88C88.4038 4.572 88.9698 4.418 89.6378 4.418C90.2458 4.418 90.7718 4.548 91.2158 4.808C91.6638 5.068 92.0098 5.442 92.2538 5.93C92.5018 6.418 92.6258 7.004 92.6258 7.688C92.6258 7.796 92.6218 7.912 92.6138 8.036C92.6098 8.16 92.6018 8.27 92.5898 8.366H88.4618ZM89.6378 5.69C89.2978 5.69 89.0238 5.812 88.8158 6.056C88.6078 6.3 88.4818 6.69 88.4378 7.226H90.7778C90.7738 6.762 90.6838 6.39 90.5078 6.11C90.3318 5.83 90.0418 5.69 89.6378 5.69Z" fill="black"/>
38 |           <path d="M99.1491 9.848C99.4651 9.848 99.7191 9.798 99.9111 9.698C100.107 9.598 100.205 9.448 100.205 9.248C100.205 9.112 100.167 8.998 100.091 8.906C100.015 8.814 99.8691 8.726 99.6531 8.642C99.4371 8.558 99.1171 8.458 98.6931 8.342C98.1091 8.186 97.6331 7.962 97.2651 7.67C96.9011 7.378 96.7191 6.95 96.7191 6.386C96.7191 5.818 96.9551 5.348 97.4271 4.976C97.9031 4.604 98.5891 4.418 99.4851 4.418C100.053 4.418 100.547 4.492 100.967 4.64C101.391 4.784 101.757 4.968 102.065 5.192L101.309 6.308C101.045 6.144 100.761 6.014 100.457 5.918C100.153 5.818 99.8471 5.768 99.5391 5.768C98.9311 5.768 98.6271 5.932 98.6271 6.26C98.6271 6.368 98.6651 6.462 98.7411 6.542C98.8211 6.618 98.9691 6.698 99.1851 6.782C99.4011 6.862 99.7171 6.962 100.133 7.082C100.545 7.198 100.903 7.332 101.207 7.484C101.515 7.636 101.753 7.84 101.921 8.096C102.089 8.348 102.173 8.682 102.173 9.098C102.173 9.562 102.035 9.952 101.759 10.268C101.483 10.58 101.117 10.814 100.661 10.97C100.205 11.126 99.7051 11.204 99.1611 11.204C98.5451 11.204 98.0011 11.116 97.5291 10.94C97.0571 10.764 96.6551 10.532 96.3231 10.244L97.2771 9.176C97.5251 9.368 97.8051 9.528 98.1171 9.656C98.4331 9.784 98.7771 9.848 99.1491 9.848Z" fill="black"/>
39 |           <path d="M112.104 10.628C111.856 10.788 111.556 10.924 111.204 11.036C110.852 11.148 110.456 11.204 110.016 11.204C109.184 11.204 108.566 10.992 108.162 10.568C107.758 10.14 107.556 9.56 107.556 8.828V5.936H106.218V4.628H107.556V3.248L109.452 3.02V4.628H111.504L111.318 5.936H109.452V8.828C109.452 9.144 109.524 9.37 109.668 9.506C109.812 9.642 110.042 9.71 110.358 9.71C110.582 9.71 110.786 9.684 110.97 9.632C111.158 9.576 111.326 9.506 111.474 9.422L112.104 10.628Z" fill="black"/>
40 |           <path d="M116.906 0.919998C118.01 0.919998 118.784 1.086 119.228 1.418C119.676 1.75 119.858 2.322 119.774 3.134L119.594 4.85C119.546 5.306 119.68 5.618 119.996 5.786C120.316 5.95 120.73 6.032 121.238 6.032V7.568C120.902 7.568 120.604 7.604 120.344 7.676C120.084 7.744 119.886 7.864 119.75 8.036C119.614 8.208 119.562 8.446 119.594 8.75L119.774 10.454C119.866 11.274 119.686 11.85 119.234 12.182C118.786 12.514 118.01 12.68 116.906 12.68V11.36C117.274 11.36 117.56 11.308 117.764 11.204C117.968 11.104 118.054 10.902 118.022 10.598L117.836 8.828C117.788 8.376 117.836 8.014 117.98 7.742C118.128 7.466 118.352 7.256 118.652 7.112C118.952 6.964 119.304 6.86 119.708 6.8C119.28 6.736 118.916 6.632 118.616 6.488C118.32 6.344 118.104 6.136 117.968 5.864C117.832 5.588 117.788 5.224 117.836 4.772L118.022 3.002C118.054 2.698 117.966 2.496 117.758 2.396C117.554 2.292 117.27 2.24 116.906 2.24V0.919998Z" fill="black"/>
41 |         </svg>
42 |       </a>
43 |     </footer>
44 |   </main>
45 | </body>
46 | </html>
47 | 


--------------------------------------------------------------------------------
/next.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html class="no-js" lang="en">
 3 | <head>
 4 |   <meta charset="utf-8">
 5 |   <title>CSS Contest - An open contest for people who love CSS.</title>
 6 |   <meta name="description" content="CSS Contest is an open CSS contest, hosted on Github. Anyone with a Github account
 7 |   can participate.">
 8 |   <meta name="viewport" content="width=device-width, initial-scale=1">
 9 |   <link rel="manifest" href="site.webmanifest">
10 |   <link rel="apple-touch-icon" href="icon.png">
11 |   <link rel="stylesheet" href="css/normalize.css">
12 |   <link rel="stylesheet" href="styles.css">
13 | </head>
14 | <body>
15 |   <main class="main">
16 |     <div class="content">
17 |       <h1>Achieving CSS mastery</h1>
18 | <p>To craft the fascinating, knowing yourself is as important as knowing your tools.</p>
19 | <blockquote cite="https://www.goodreads.com/book/show/863478.Meditations">
20 |     <p>&quot;Here is a rule to remember in future, when anything tempts you to feel bitter: not &quot;This is misfortune,&quot; but &quot;To bear this worthily is good fortune.&quot;</p>
21 |     <footer>&#x2014;Marcus Aurelius, <cite>Meditations</cite></footer>
22 | </blockquote>
23 | 
24 | 
25 |     </div>
26 |     <footer class="footer">
27 |       <!-- We escape the handlebars for the style creator so it actually goes for the HTML. When this gets to the next
28 |         step in the competition we can then still replace the style creator data using the same template  engine -->
29 |       <p class="paragraph">CSS by: <a href="{{style_creator_url}}">{{style_creator_handle}}</a></p>
30 |       <p class="paragraph">Content by: <a href="https://github.com/vicnicius">vicnicius</a></p>
31 |       <p class="paragraph">For more information, check the <a class="link" href="https://github.com/bitsofart/contest">Github repository.</a></p>
32 |       <a class="logo-link" href="https://github.com/bitsofart/contest">
33 |         <svg class="logo" viewBox="0 0 122 13" fill="none" xmlns="http://www.w3.org/2000/svg" style="max-width: 480px;">
34 |           <path d="M0.261993 9.866C0.261993 9.622 0.321993 9.4 0.441993 9.2C0.561993 8.996 0.723993 8.834 0.927994 8.714C1.13199 8.59 1.35599 8.528 1.59999 8.528C1.84799 8.528 2.07199 8.59 2.27199 8.714C2.47599 8.834 2.63799 8.996 2.75799 9.2C2.87799 9.4 2.93799 9.622 2.93799 9.866C2.93799 10.106 2.87799 10.328 2.75799 10.532C2.63799 10.736 2.47599 10.898 2.27199 11.018C2.07199 11.142 1.84799 11.204 1.59999 11.204C1.35599 11.204 1.13199 11.142 0.927994 11.018C0.723993 10.898 0.561993 10.736 0.441993 10.532C0.321993 10.328 0.261993 10.106 0.261993 9.866Z" fill="black"/>
35 |           <path d="M11.9933 9.71C12.2533 9.71 12.4973 9.66 12.7253 9.56C12.9573 9.456 13.1873 9.324 13.4153 9.164L14.2613 10.364C13.9813 10.604 13.6393 10.804 13.2353 10.964C12.8353 11.124 12.3873 11.204 11.8913 11.204C11.2073 11.204 10.6193 11.064 10.1273 10.784C9.63531 10.5 9.25731 10.108 8.99331 9.608C8.72931 9.104 8.59731 8.52 8.59731 7.856C8.59731 7.192 8.73131 6.602 8.99931 6.086C9.27131 5.566 9.65531 5.158 10.1513 4.862C10.6513 4.566 11.2433 4.418 11.9273 4.418C12.4113 4.418 12.8413 4.486 13.2173 4.622C13.5973 4.754 13.9453 4.952 14.2613 5.216L13.4393 6.356C13.2233 6.204 12.9953 6.086 12.7553 6.002C12.5153 5.918 12.2653 5.876 12.0053 5.876C11.5773 5.876 11.2313 6.028 10.9673 6.332C10.7073 6.632 10.5773 7.14 10.5773 7.856C10.5773 8.324 10.6393 8.694 10.7633 8.966C10.8873 9.234 11.0553 9.426 11.2673 9.542C11.4833 9.654 11.7253 9.71 11.9933 9.71Z" fill="black"/>
36 |           <path d="M20.9466 9.848C21.2626 9.848 21.5166 9.798 21.7086 9.698C21.9046 9.598 22.0026 9.448 22.0026 9.248C22.0026 9.112 21.9646 8.998 21.8886 8.906C21.8126 8.814 21.6666 8.726 21.4506 8.642C21.2346 8.558 20.9146 8.458 20.4906 8.342C19.9066 8.186 19.4306 7.962 19.0626 7.67C18.6986 7.378 18.5166 6.95 18.5166 6.386C18.5166 5.818 18.7526 5.348 19.2246 4.976C19.7006 4.604 20.3866 4.418 21.2826 4.418C21.8506 4.418 22.3446 4.492 22.7646 4.64C23.1886 4.784 23.5546 4.968 23.8626 5.192L23.1066 6.308C22.8426 6.144 22.5586 6.014 22.2546 5.918C21.9506 5.818 21.6446 5.768 21.3366 5.768C20.7286 5.768 20.4246 5.932 20.4246 6.26C20.4246 6.368 20.4626 6.462 20.5386 6.542C20.6186 6.618 20.7666 6.698 20.9826 6.782C21.1986 6.862 21.5146 6.962 21.9306 7.082C22.3426 7.198 22.7006 7.332 23.0046 7.484C23.3126 7.636 23.5506 7.84 23.7186 8.096C23.8866 8.348 23.9706 8.682 23.9706 9.098C23.9706 9.562 23.8326 9.952 23.5566 10.268C23.2806 10.58 22.9146 10.814 22.4586 10.97C22.0026 11.126 21.5026 11.204 20.9586 11.204C20.3426 11.204 19.7986 11.116 19.3266 10.94C18.8546 10.764 18.4526 10.532 18.1206 10.244L19.0746 9.176C19.3226 9.368 19.6026 9.528 19.9146 9.656C20.2306 9.784 20.5746 9.848 20.9466 9.848Z" fill="black"/>
37 |           <path d="M30.7219 9.848C31.0379 9.848 31.2919 9.798 31.4839 9.698C31.6799 9.598 31.7779 9.448 31.7779 9.248C31.7779 9.112 31.7399 8.998 31.6639 8.906C31.5879 8.814 31.4419 8.726 31.2259 8.642C31.0099 8.558 30.6899 8.458 30.2659 8.342C29.6819 8.186 29.2059 7.962 28.8379 7.67C28.4739 7.378 28.2919 6.95 28.2919 6.386C28.2919 5.818 28.5279 5.348 28.9999 4.976C29.4759 4.604 30.1619 4.418 31.0579 4.418C31.6259 4.418 32.1199 4.492 32.5399 4.64C32.9639 4.784 33.3299 4.968 33.6379 5.192L32.8819 6.308C32.6179 6.144 32.3339 6.014 32.0299 5.918C31.7259 5.818 31.4199 5.768 31.1119 5.768C30.5039 5.768 30.1999 5.932 30.1999 6.26C30.1999 6.368 30.2379 6.462 30.3139 6.542C30.3939 6.618 30.5419 6.698 30.7579 6.782C30.9739 6.862 31.2899 6.962 31.7059 7.082C32.1179 7.198 32.4759 7.332 32.7799 7.484C33.0879 7.636 33.3259 7.84 33.4939 8.096C33.6619 8.348 33.7459 8.682 33.7459 9.098C33.7459 9.562 33.6079 9.952 33.3319 10.268C33.0559 10.58 32.6899 10.814 32.2339 10.97C31.7779 11.126 31.2779 11.204 30.7339 11.204C30.1179 11.204 29.5739 11.116 29.1019 10.94C28.6299 10.764 28.2279 10.532 27.8959 10.244L28.8499 9.176C29.0979 9.368 29.3779 9.528 29.6899 9.656C30.0059 9.784 30.3499 9.848 30.7219 9.848Z" fill="black"/>
38 |           <path d="M42.6992 0.919998V2.24C42.3352 2.24 42.0512 2.292 41.8472 2.396C41.6432 2.496 41.5552 2.698 41.5832 3.002L41.7692 4.772C41.8172 5.22 41.7672 5.582 41.6192 5.858C41.4752 6.134 41.2532 6.346 40.9532 6.494C40.6572 6.638 40.3072 6.74 39.9032 6.8C40.3312 6.864 40.6932 6.968 40.9892 7.112C41.2852 7.256 41.5012 7.464 41.6372 7.736C41.7732 8.008 41.8172 8.372 41.7692 8.828L41.5832 10.598C41.5552 10.902 41.6432 11.104 41.8472 11.204C42.0512 11.308 42.3352 11.36 42.6992 11.36V12.68C41.5952 12.68 40.8192 12.512 40.3712 12.176C39.9272 11.844 39.7472 11.274 39.8312 10.466L40.0112 8.75C40.0592 8.294 39.9252 7.984 39.6092 7.82C39.2932 7.652 38.8792 7.568 38.3672 7.568V6.032C38.7032 6.032 39.0012 5.998 39.2612 5.93C39.5212 5.858 39.7192 5.736 39.8552 5.564C39.9912 5.392 40.0432 5.154 40.0112 4.85L39.8312 3.146C39.7432 2.322 39.9232 1.746 40.3712 1.418C40.8192 1.086 41.5952 0.919998 42.6992 0.919998Z" fill="black"/>
39 |           <path d="M51.0946 9.71C51.3546 9.71 51.5986 9.66 51.8266 9.56C52.0586 9.456 52.2886 9.324 52.5166 9.164L53.3626 10.364C53.0826 10.604 52.7406 10.804 52.3366 10.964C51.9366 11.124 51.4886 11.204 50.9926 11.204C50.3086 11.204 49.7206 11.064 49.2286 10.784C48.7366 10.5 48.3586 10.108 48.0946 9.608C47.8306 9.104 47.6986 8.52 47.6986 7.856C47.6986 7.192 47.8326 6.602 48.1006 6.086C48.3726 5.566 48.7566 5.158 49.2526 4.862C49.7526 4.566 50.3446 4.418 51.0286 4.418C51.5126 4.418 51.9426 4.486 52.3186 4.622C52.6986 4.754 53.0466 4.952 53.3626 5.216L52.5406 6.356C52.3246 6.204 52.0966 6.086 51.8566 6.002C51.6166 5.918 51.3666 5.876 51.1066 5.876C50.6786 5.876 50.3326 6.028 50.0686 6.332C49.8086 6.632 49.6786 7.14 49.6786 7.856C49.6786 8.324 49.7406 8.694 49.8646 8.966C49.9886 9.234 50.1566 9.426 50.3686 9.542C50.5846 9.654 50.8266 9.71 51.0946 9.71Z" fill="black"/>
40 |           <path d="M60.2519 4.418C60.9079 4.418 61.4659 4.558 61.9259 4.838C62.3859 5.118 62.7379 5.512 62.9819 6.02C63.2259 6.524 63.3479 7.116 63.3479 7.796C63.3479 8.86 63.0759 9.694 62.5319 10.298C61.9879 10.902 61.2279 11.204 60.2519 11.204C59.2759 11.204 58.5159 10.906 57.9719 10.31C57.4279 9.714 57.1559 8.88 57.1559 7.808C57.1559 7.132 57.2779 6.54 57.5219 6.032C57.7699 5.524 58.1239 5.128 58.5839 4.844C59.0479 4.56 59.6039 4.418 60.2519 4.418ZM60.2519 5.816C59.8639 5.816 59.5759 5.976 59.3879 6.296C59.2039 6.612 59.1119 7.116 59.1119 7.808C59.1119 8.512 59.2039 9.022 59.3879 9.338C59.5759 9.654 59.8639 9.812 60.2519 9.812C60.6399 9.812 60.9259 9.654 61.1099 9.338C61.2979 9.022 61.3919 8.508 61.3919 7.796C61.3919 7.108 61.2979 6.606 61.1099 6.29C60.9259 5.974 60.6399 5.816 60.2519 5.816Z" fill="black"/>
41 |           <path d="M67.2672 11V4.628H68.9232L69.0552 5.366C69.3392 5.046 69.6392 4.808 69.9552 4.652C70.2712 4.496 70.6312 4.418 71.0352 4.418C71.5792 4.418 72.0072 4.584 72.3192 4.916C72.6312 5.248 72.7872 5.716 72.7872 6.32V11H70.8912V6.866C70.8912 6.474 70.8472 6.202 70.7592 6.05C70.6752 5.894 70.5152 5.816 70.2792 5.816C70.0792 5.816 69.8872 5.88 69.7032 6.008C69.5232 6.136 69.3432 6.314 69.1632 6.542V11H67.2672Z" fill="black"/>
42 |           <path d="M82.7785 10.628C82.5305 10.788 82.2305 10.924 81.8785 11.036C81.5265 11.148 81.1305 11.204 80.6905 11.204C79.8585 11.204 79.2405 10.992 78.8365 10.568C78.4325 10.14 78.2305 9.56 78.2305 8.828V5.936H76.8925V4.628H78.2305V3.248L80.1265 3.02V4.628H82.1785L81.9925 5.936H80.1265V8.828C80.1265 9.144 80.1985 9.37 80.3425 9.506C80.4865 9.642 80.7165 9.71 81.0325 9.71C81.2565 9.71 81.4605 9.684 81.6445 9.632C81.8325 9.576 82.0005 9.506 82.1485 9.422L82.7785 10.628Z" fill="black"/>
43 |           <path d="M88.4618 8.366C88.5258 8.886 88.6958 9.26 88.9718 9.488C89.2478 9.712 89.5878 9.824 89.9918 9.824C90.2838 9.824 90.5658 9.776 90.8378 9.68C91.1098 9.584 91.3718 9.456 91.6238 9.296L92.3858 10.328C92.0858 10.584 91.7218 10.794 91.2938 10.958C90.8698 11.122 90.3858 11.204 89.8418 11.204C89.1138 11.204 88.5038 11.06 88.0118 10.772C87.5198 10.48 87.1498 10.08 86.9018 9.572C86.6538 9.064 86.5298 8.48 86.5298 7.82C86.5298 7.192 86.6498 6.622 86.8898 6.11C87.1298 5.594 87.4798 5.184 87.9398 4.88C88.4038 4.572 88.9698 4.418 89.6378 4.418C90.2458 4.418 90.7718 4.548 91.2158 4.808C91.6638 5.068 92.0098 5.442 92.2538 5.93C92.5018 6.418 92.6258 7.004 92.6258 7.688C92.6258 7.796 92.6218 7.912 92.6138 8.036C92.6098 8.16 92.6018 8.27 92.5898 8.366H88.4618ZM89.6378 5.69C89.2978 5.69 89.0238 5.812 88.8158 6.056C88.6078 6.3 88.4818 6.69 88.4378 7.226H90.7778C90.7738 6.762 90.6838 6.39 90.5078 6.11C90.3318 5.83 90.0418 5.69 89.6378 5.69Z" fill="black"/>
44 |           <path d="M99.1491 9.848C99.4651 9.848 99.7191 9.798 99.9111 9.698C100.107 9.598 100.205 9.448 100.205 9.248C100.205 9.112 100.167 8.998 100.091 8.906C100.015 8.814 99.8691 8.726 99.6531 8.642C99.4371 8.558 99.1171 8.458 98.6931 8.342C98.1091 8.186 97.6331 7.962 97.2651 7.67C96.9011 7.378 96.7191 6.95 96.7191 6.386C96.7191 5.818 96.9551 5.348 97.4271 4.976C97.9031 4.604 98.5891 4.418 99.4851 4.418C100.053 4.418 100.547 4.492 100.967 4.64C101.391 4.784 101.757 4.968 102.065 5.192L101.309 6.308C101.045 6.144 100.761 6.014 100.457 5.918C100.153 5.818 99.8471 5.768 99.5391 5.768C98.9311 5.768 98.6271 5.932 98.6271 6.26C98.6271 6.368 98.6651 6.462 98.7411 6.542C98.8211 6.618 98.9691 6.698 99.1851 6.782C99.4011 6.862 99.7171 6.962 100.133 7.082C100.545 7.198 100.903 7.332 101.207 7.484C101.515 7.636 101.753 7.84 101.921 8.096C102.089 8.348 102.173 8.682 102.173 9.098C102.173 9.562 102.035 9.952 101.759 10.268C101.483 10.58 101.117 10.814 100.661 10.97C100.205 11.126 99.7051 11.204 99.1611 11.204C98.5451 11.204 98.0011 11.116 97.5291 10.94C97.0571 10.764 96.6551 10.532 96.3231 10.244L97.2771 9.176C97.5251 9.368 97.8051 9.528 98.1171 9.656C98.4331 9.784 98.7771 9.848 99.1491 9.848Z" fill="black"/>
45 |           <path d="M112.104 10.628C111.856 10.788 111.556 10.924 111.204 11.036C110.852 11.148 110.456 11.204 110.016 11.204C109.184 11.204 108.566 10.992 108.162 10.568C107.758 10.14 107.556 9.56 107.556 8.828V5.936H106.218V4.628H107.556V3.248L109.452 3.02V4.628H111.504L111.318 5.936H109.452V8.828C109.452 9.144 109.524 9.37 109.668 9.506C109.812 9.642 110.042 9.71 110.358 9.71C110.582 9.71 110.786 9.684 110.97 9.632C111.158 9.576 111.326 9.506 111.474 9.422L112.104 10.628Z" fill="black"/>
46 |           <path d="M116.906 0.919998C118.01 0.919998 118.784 1.086 119.228 1.418C119.676 1.75 119.858 2.322 119.774 3.134L119.594 4.85C119.546 5.306 119.68 5.618 119.996 5.786C120.316 5.95 120.73 6.032 121.238 6.032V7.568C120.902 7.568 120.604 7.604 120.344 7.676C120.084 7.744 119.886 7.864 119.75 8.036C119.614 8.208 119.562 8.446 119.594 8.75L119.774 10.454C119.866 11.274 119.686 11.85 119.234 12.182C118.786 12.514 118.01 12.68 116.906 12.68V11.36C117.274 11.36 117.56 11.308 117.764 11.204C117.968 11.104 118.054 10.902 118.022 10.598L117.836 8.828C117.788 8.376 117.836 8.014 117.98 7.742C118.128 7.466 118.352 7.256 118.652 7.112C118.952 6.964 119.304 6.86 119.708 6.8C119.28 6.736 118.916 6.632 118.616 6.488C118.32 6.344 118.104 6.136 117.968 5.864C117.832 5.588 117.788 5.224 117.836 4.772L118.022 3.002C118.054 2.698 117.966 2.496 117.758 2.396C117.554 2.292 117.27 2.24 116.906 2.24V0.919998Z" fill="black"/>
47 |         </svg>
48 |       </a>
49 |     </footer>
50 |   </main>
51 | </body>
52 | </html>
53 | 


--------------------------------------------------------------------------------
/site.webmanifest:
--------------------------------------------------------------------------------
 1 | {
 2 |   "short_name": "",
 3 |   "name": "",
 4 |   "icons": [{
 5 |     "src": "icon.png",
 6 |     "type": "image/png",
 7 |     "sizes": "192x192"
 8 |   }],
 9 |   "start_url": "/?utm_source=homescreen",
10 |   "background_color": "#fafafa",
11 |   "theme_color": "#fafafa"
12 | }
13 | 


--------------------------------------------------------------------------------
/styles.css:
--------------------------------------------------------------------------------
  1 | /* 🦆 🦆 🦆 🦆 🦆 🦆 🦆 🦆 🦆 🦆 🦆 🦆 🦆 🦆 🦆 🦆 🦆 */
  2 | 
  3 | @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,900;1,500&display=swap');
  4 | 
  5 | body {
  6 |   max-height: 100vh;
  7 |   overflow-x: hidden;
  8 |   font-size: clamp(100%, 4vw, 1.5em);
  9 |   font-family: 'Montserrat', sans-serif;
 10 |   text-transform: uppercase;
 11 |   background-color:silver;
 12 |   background-image:
 13 |     radial-gradient(circle at 100% 150%, silver 24%, white 24%, white 28%, silver 28%, silver 36%, white 36%, white 40%, transparent 40%, transparent),
 14 |     radial-gradient(circle at 0 150%, silver 24%, white 24%, white 28%, silver 28%, silver 36%, white 36%, white 40%, transparent 40%, transparent),
 15 |     radial-gradient(circle at 50% 100%, white 10%, silver 10%, silver 23%, white 23%, white 30%, silver 30%, silver 43%, white 43%, white 50%, silver 50%, silver 63%, white 63%, white 71%, transparent 71%, transparent),
 16 |     radial-gradient(circle at 100% 50%, white 5%, silver 5%, silver 15%, white 15%, white 20%, silver 20%, silver 29%, white 29%, white 34%, silver 34%, silver 44%, white 44%, white 49%, transparent 49%, transparent),
 17 |     radial-gradient(circle at 0 50%, white 5%, silver 5%, silver 15%, white 15%, white 20%, silver 20%, silver 29%, white 29%, white 34%, silver 34%, silver 44%, white 44%, white 49%, transparent 49%, transparent);
 18 |   background-size: 100px 50px;
 19 | }
 20 | 
 21 | main {
 22 |   display: flex;
 23 |   flex-direction: column-reverse;
 24 |   max-width: 80vw;
 25 |   margin: 0 auto;
 26 |   padding-top: 5em;
 27 | }
 28 | 
 29 | .content, .footer {
 30 |   display: inline-block;
 31 | }
 32 | 
 33 | .footer {
 34 |   display: flex;
 35 |   flex-direction: row;
 36 |   justify-content: space-around;
 37 |   width: 100%;
 38 |   font-style: italic;
 39 |   font-weight: 500;
 40 | }
 41 | 
 42 | .footer p {
 43 |   display: inline-block;
 44 |   transform: rotate(-25deg);
 45 |   height: 2em;
 46 |   padding: 0.25em;
 47 |   background-color: hsl(212, 70%, 62%);
 48 |   background: linear-gradient(hsl(212, 70%, 62%) 0%, 	hsl(213, 89%, 29%) 100%);
 49 | }
 50 | .footer p::after {
 51 |   content: '☝';
 52 |   display: block;
 53 |   width: 1.25em;
 54 |   height: 1.25em;
 55 |   margin: 0.5em auto;
 56 |   font-size: 2em;
 57 |   font-style: initial;
 58 |   transform-origin: 50% 100%;
 59 |   animation: point .5s ease-in-out infinite alternate;
 60 | }
 61 | 
 62 | h1 {
 63 |   text-align: right;
 64 |   word-spacing: 100vw;
 65 |   font-size: 8em;
 66 |   color: hsl(221, 44%, 19%);
 67 |   filter:
 68 |     drop-shadow(5px -2.5px hsl(212, 70%, 62%))
 69 |     drop-shadow(5px -2.5px hsl(214, 42%, 26%));
 70 | }
 71 | 
 72 | em:hover {
 73 |   display: inline-block;
 74 |   transform-origin: bottom center;
 75 |   animation: intensify 5s ease-out;
 76 | }
 77 | 
 78 | p {
 79 |   font-weight: bold;
 80 | }
 81 | a, a:visited, a:hover, a:active {
 82 |   display: block;
 83 |   margin: 0 auto;
 84 |   font-weight: initial;
 85 |   text-decoration: none;
 86 |   color: hsl(330, 100%, 50%);
 87 | }
 88 | 
 89 | .logo {
 90 |   position: fixed;
 91 |   bottom: 0;
 92 |   left: 0;
 93 |   background: ivory;
 94 |   mix-blend-mode: difference;
 95 |   filter: invert(100%);
 96 | }
 97 | 
 98 | @media (max-width: 980px) {
 99 |   main {
100 |     display: grid;
101 |     padding-top: initial;
102 |   }
103 | 
104 |   h1 {
105 |     display: inline-block;
106 |     text-align: right;
107 |     font-size: 3em;
108 |   }
109 | 
110 |   .footer {
111 |     display: flex;
112 |     flex-direction: column;
113 |     width: 50%;
114 |     right: 0;
115 |     margin-left: 50%;
116 |   }
117 | 
118 |   .footer p {
119 |     margin-top: 3em;
120 |     font-size: 16px;
121 |   }
122 |   .footer p::after {
123 |     font-size: 24px;
124 |   }
125 | }
126 | 
127 | @keyframes point {
128 |   from { transform: translateX(-0%) rotate(-25deg); }
129 |   to { transform: translateX(150%) rotate(45deg); }
130 | }
131 | 
132 | /* https://github.com/tholman/obnoxious.css/blob/master/obnoxious.css */
133 | @keyframes intensify {
134 |   0% {
135 |     transform: translate(1px, 1px) scale(1);
136 |   }
137 |   1% {
138 |     transform: translate(-1px, -1px) scale(1.02);
139 |   }
140 |   2% {
141 |     transform: translate(1px, 2px) scale(1.04);
142 |   }
143 |   3% {
144 |     transform: translate(-3px, -1px) scale(1.06);
145 |   }
146 |   4% {
147 |     transform: translate(3px, 3px) scale(1.08);
148 |   }
149 |   5% {
150 |     transform: translate(-4px, -5px) scale(1.1);
151 |   }
152 |   6% {
153 |     transform: translate(4px, 4px) scale(1.12);
154 |   }
155 |   7% {
156 |     transform: translate(-1px, -2px) scale(1.14);
157 |   }
158 |   8% {
159 |     transform: translate(5px, 1px) scale(1.16);
160 |   }
161 |   9% {
162 |     transform: translate(-4px, -10px) scale(1.18);
163 |   }
164 |   10% {
165 |     transform: translate(7px, 7px) scale(1.2);
166 |   }
167 |   11% {
168 |     transform: translate(-8px, -7px) scale(1.22);
169 |   }
170 |   12% {
171 |     transform: translate(1px, 8px) scale(1.24);
172 |   }
173 |   13% {
174 |     transform: translate(-2px, -10px) scale(1.26);
175 |   }
176 |   14% {
177 |     transform: translate(14px, 7px) scale(1.28);
178 |   }
179 |   15% {
180 |     transform: translate(-14px, -6px) scale(1.3);
181 |   }
182 |   16% {
183 |     transform: translate(2px, 6px) scale(1.32);
184 |   }
185 |   17% {
186 |     transform: translate(-16px, -4px) scale(1.34);
187 |   }
188 |   18% {
189 |     transform: translate(11px, 12px) scale(1.36);
190 |   }
191 |   19% {
192 |     transform: translate(-4px, -17px) scale(1.38);
193 |   }
194 |   20% {
195 |     transform: translate(12px, 7px) scale(1.4);
196 |   }
197 |   21% {
198 |     transform: translate(-11px, -13px) scale(1.42);
199 |   }
200 |   22% {
201 |     transform: translate(4px, 22px) scale(1.44);
202 |   }
203 |   23% {
204 |     transform: translate(-13px, -24px) scale(1.46);
205 |   }
206 |   24% {
207 |     transform: translate(23px, 5px) scale(1.48);
208 |   }
209 |   25% {
210 |     transform: translate(-15px, -16px) scale(1.5);
211 |   }
212 |   26% {
213 |     transform: translate(16px, 7px) scale(1.52);
214 |   }
215 |   27% {
216 |     transform: translate(-25px, -11px) scale(1.54);
217 |   }
218 |   28% {
219 |     transform: translate(25px, 20px) scale(1.56);
220 |   }
221 |   29% {
222 |     transform: translate(-16px, -20px) scale(1.58);
223 |   }
224 |   30% {
225 |     transform: translate(12px, 23px) scale(1.6);
226 |   }
227 |   31% {
228 |     transform: translate(-15px, -18px) scale(1.62);
229 |   }
230 |   32% {
231 |     transform: translate(3px, 27px) scale(1.64);
232 |   }
233 |   33% {
234 |     transform: translate(-18px, -14px) scale(1.66);
235 |   }
236 |   34% {
237 |     transform: translate(14px, 9px) scale(1.68);
238 |   }
239 |   35% {
240 |     transform: translate(-28px, -23px) scale(1.7);
241 |   }
242 |   36% {
243 |     transform: translate(12px, 30px) scale(1.72);
244 |   }
245 |   37% {
246 |     transform: translate(-25px, -27px) scale(1.74);
247 |   }
248 |   38% {
249 |     transform: translate(39px, 1px) scale(1.76);
250 |   }
251 |   39% {
252 |     transform: translate(-10px, -32px) scale(1.78);
253 |   }
254 |   40% {
255 |     transform: translate(15px, 35px) scale(1.8);
256 |   }
257 |   41% {
258 |     transform: translate(-27px, -15px) scale(1.82);
259 |   }
260 |   42% {
261 |     transform: translate(15px, 41px) scale(1.84);
262 |   }
263 |   43% {
264 |     transform: translate(-39px, -4px) scale(1.86);
265 |   }
266 |   44% {
267 |     transform: translate(34px, 19px) scale(1.88);
268 |   }
269 |   45% {
270 |     transform: translate(-4px, -45px) scale(1.9);
271 |   }
272 |   46% {
273 |     transform: translate(38px, 7px) scale(1.92);
274 |   }
275 |   47% {
276 |     transform: translate(-21px, -1px) scale(1.94);
277 |   }
278 |   48% {
279 |     transform: translate(19px, 6px) scale(1.96);
280 |   }
281 |   49% {
282 |     transform: translate(-49px, -25px) scale(1.98);
283 |   }
284 |   50% {
285 |     transform: translate(25px, 25px) scale(2);
286 |   }
287 |   51% {
288 |     transform: translate(-33px, -24px) scale(2.02);
289 |   }
290 |   52% {
291 |     transform: translate(45px, 36px) scale(2.04);
292 |   }
293 |   53% {
294 |     transform: translate(-44px, -7px) scale(2.06);
295 |   }
296 |   54% {
297 |     transform: translate(30px, 28px) scale(2.08);
298 |   }
299 |   55% {
300 |     transform: translate(-4px, -27px) scale(2.1);
301 |   }
302 |   56% {
303 |     transform: translate(17px, 18px) scale(2.12);
304 |   }
305 |   57% {
306 |     transform: translate(-4px, -12px) scale(2.14);
307 |   }
308 |   58% {
309 |     transform: translate(1px, 50px) scale(2.16);
310 |   }
311 |   59% {
312 |     transform: translate(-8px, -36px) scale(2.18);
313 |   }
314 |   60% {
315 |     transform: translate(29px, 26px) scale(2.2);
316 |   }
317 |   61% {
318 |     transform: translate(-24px, -21px) scale(2.22);
319 |   }
320 |   62% {
321 |     transform: translate(60px, 21px) scale(2.24);
322 |   }
323 |   63% {
324 |     transform: translate(-9px, -36px) scale(2.26);
325 |   }
326 |   64% {
327 |     transform: translate(44px, 1px) scale(2.28);
328 |   }
329 |   65% {
330 |     transform: translate(-38px, -40px) scale(2.3);
331 |   }
332 |   66% {
333 |     transform: translate(42px, 33px) scale(2.32);
334 |   }
335 |   67% {
336 |     transform: translate(-17px, -45px) scale(2.34);
337 |   }
338 |   68% {
339 |     transform: translate(1px, 17px) scale(2.36);
340 |   }
341 |   69% {
342 |     transform: translate(-20px, -62px) scale(2.38);
343 |   }
344 |   70% {
345 |     transform: translate(6px, 53px) scale(2.4);
346 |   }
347 |   71% {
348 |     transform: translate(-64px, -14px) scale(2.42);
349 |   }
350 |   72% {
351 |     transform: translate(67px, 48px) scale(2.44);
352 |   }
353 |   73% {
354 |     transform: translate(-47px, -39px) scale(2.46);
355 |   }
356 |   74% {
357 |     transform: translate(5px, 62px) scale(2.48);
358 |   }
359 |   75% {
360 |     transform: translate(-29px, -50px) scale(2.5);
361 |   }
362 |   76% {
363 |     transform: translate(5px, 60px) scale(2.52);
364 |   }
365 |   77% {
366 |     transform: translate(-51px, -76px) scale(2.54);
367 |   }
368 |   78% {
369 |     transform: translate(58px, 16px) scale(2.56);
370 |   }
371 |   79% {
372 |     transform: translate(-79px, -32px) scale(2.58);
373 |   }
374 |   80% {
375 |     transform: translate(41px, 22px) scale(2.6);
376 |   }
377 |   81% {
378 |     transform: translate(-43px, -48px) scale(2.62);
379 |   }
380 |   82% {
381 |     transform: translate(35px, 65px) scale(2.64);
382 |   }
383 |   83% {
384 |     transform: translate(-65px, -84px) scale(2.66);
385 |   }
386 |   84% {
387 |     transform: translate(62px, 73px) scale(2.68);
388 |   }
389 |   85% {
390 |     transform: translate(-48px, -40px) scale(2.7);
391 |   }
392 |   86% {
393 |     transform: translate(30px, 25px) scale(2.72);
394 |   }
395 |   87% {
396 |     transform: translate(-16px, -46px) scale(2.74);
397 |   }
398 |   88% {
399 |     transform: translate(81px, 73px) scale(2.76);
400 |   }
401 |   89% {
402 |     transform: translate(-79px, -76px) scale(2.78);
403 |   }
404 |   90% {
405 |     transform: translate(55px, 62px) scale(2.8);
406 |   }
407 |   91% {
408 |     transform: translate(-44px, -56px) scale(2.82);
409 |   }
410 |   92% {
411 |     transform: translate(46px, 91px) scale(2.84);
412 |   }
413 |   93% {
414 |     transform: translate(-48px, -34px) scale(2.86);
415 |   }
416 |   94% {
417 |     transform: translate(18px, 10px) scale(2.88);
418 |   }
419 |   95% {
420 |     transform: translate(-11px, -4px) scale(2.9);
421 |   }
422 |   96% {
423 |     transform: translate(14px, 80px) scale(2.92);
424 |   }
425 |   97% {
426 |     transform: translate(-29px, -54px) scale(2.94);
427 |   }
428 |   98% {
429 |     transform: translate(51px, 95px) scale(2.96);
430 |   }
431 |   99% {
432 |     transform: translate(-71px, -4px) scale(2.98);
433 |   }
434 |   100% {
435 |     transform: translate(0, 0) rotate(0deg);
436 |   }
437 | }
438 | 


--------------------------------------------------------------------------------
/template.hbs:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html class="no-js" lang="en">
 3 | <head>
 4 |   <meta charset="utf-8">
 5 |   <title>CSS Contest - An open contest for people who love CSS.</title>
 6 |   <meta name="description" content="CSS Contest is an open CSS contest, hosted on Github. Anyone with a Github account
 7 |   can participate.">
 8 |   <meta name="viewport" content="width=device-width, initial-scale=1">
 9 |   <link rel="manifest" href="site.webmanifest">
10 |   <link rel="apple-touch-icon" href="icon.png">
11 |   <link rel="stylesheet" href="css/normalize.css">
12 |   <link rel="stylesheet" href="styles.css">
13 | </head>
14 | <body>
15 |   <main class="main">
16 |     <div class="content">
17 |       {{ sanitize content }}
18 |     </div>
19 |     <footer class="footer">
20 |       <!-- We escape the handlebars for the style creator so it actually goes for the HTML. When this gets to the next
21 |         step in the competition we can then still replace the style creator data using the same template  engine -->
22 |       <p class="paragraph">CSS by: <a href="\{{style_creator_url}}">\{{style_creator_handle}}</a></p>
23 |       <p class="paragraph">Content by: <a href="{{content_creator_url}}">{{content_creator_handle}}</a></p>
24 |       <p class="paragraph">For more information, check the <a class="link" href="https://github.com/bitsofart/contest">Github repository.</a></p>
25 |       <a class="logo-link" href="https://github.com/bitsofart/contest">
26 |         <svg class="logo" viewBox="0 0 122 13" fill="none" xmlns="http://www.w3.org/2000/svg" style="max-width: 480px;">
27 |           <path d="M0.261993 9.866C0.261993 9.622 0.321993 9.4 0.441993 9.2C0.561993 8.996 0.723993 8.834 0.927994 8.714C1.13199 8.59 1.35599 8.528 1.59999 8.528C1.84799 8.528 2.07199 8.59 2.27199 8.714C2.47599 8.834 2.63799 8.996 2.75799 9.2C2.87799 9.4 2.93799 9.622 2.93799 9.866C2.93799 10.106 2.87799 10.328 2.75799 10.532C2.63799 10.736 2.47599 10.898 2.27199 11.018C2.07199 11.142 1.84799 11.204 1.59999 11.204C1.35599 11.204 1.13199 11.142 0.927994 11.018C0.723993 10.898 0.561993 10.736 0.441993 10.532C0.321993 10.328 0.261993 10.106 0.261993 9.866Z" fill="black"/>
28 |           <path d="M11.9933 9.71C12.2533 9.71 12.4973 9.66 12.7253 9.56C12.9573 9.456 13.1873 9.324 13.4153 9.164L14.2613 10.364C13.9813 10.604 13.6393 10.804 13.2353 10.964C12.8353 11.124 12.3873 11.204 11.8913 11.204C11.2073 11.204 10.6193 11.064 10.1273 10.784C9.63531 10.5 9.25731 10.108 8.99331 9.608C8.72931 9.104 8.59731 8.52 8.59731 7.856C8.59731 7.192 8.73131 6.602 8.99931 6.086C9.27131 5.566 9.65531 5.158 10.1513 4.862C10.6513 4.566 11.2433 4.418 11.9273 4.418C12.4113 4.418 12.8413 4.486 13.2173 4.622C13.5973 4.754 13.9453 4.952 14.2613 5.216L13.4393 6.356C13.2233 6.204 12.9953 6.086 12.7553 6.002C12.5153 5.918 12.2653 5.876 12.0053 5.876C11.5773 5.876 11.2313 6.028 10.9673 6.332C10.7073 6.632 10.5773 7.14 10.5773 7.856C10.5773 8.324 10.6393 8.694 10.7633 8.966C10.8873 9.234 11.0553 9.426 11.2673 9.542C11.4833 9.654 11.7253 9.71 11.9933 9.71Z" fill="black"/>
29 |           <path d="M20.9466 9.848C21.2626 9.848 21.5166 9.798 21.7086 9.698C21.9046 9.598 22.0026 9.448 22.0026 9.248C22.0026 9.112 21.9646 8.998 21.8886 8.906C21.8126 8.814 21.6666 8.726 21.4506 8.642C21.2346 8.558 20.9146 8.458 20.4906 8.342C19.9066 8.186 19.4306 7.962 19.0626 7.67C18.6986 7.378 18.5166 6.95 18.5166 6.386C18.5166 5.818 18.7526 5.348 19.2246 4.976C19.7006 4.604 20.3866 4.418 21.2826 4.418C21.8506 4.418 22.3446 4.492 22.7646 4.64C23.1886 4.784 23.5546 4.968 23.8626 5.192L23.1066 6.308C22.8426 6.144 22.5586 6.014 22.2546 5.918C21.9506 5.818 21.6446 5.768 21.3366 5.768C20.7286 5.768 20.4246 5.932 20.4246 6.26C20.4246 6.368 20.4626 6.462 20.5386 6.542C20.6186 6.618 20.7666 6.698 20.9826 6.782C21.1986 6.862 21.5146 6.962 21.9306 7.082C22.3426 7.198 22.7006 7.332 23.0046 7.484C23.3126 7.636 23.5506 7.84 23.7186 8.096C23.8866 8.348 23.9706 8.682 23.9706 9.098C23.9706 9.562 23.8326 9.952 23.5566 10.268C23.2806 10.58 22.9146 10.814 22.4586 10.97C22.0026 11.126 21.5026 11.204 20.9586 11.204C20.3426 11.204 19.7986 11.116 19.3266 10.94C18.8546 10.764 18.4526 10.532 18.1206 10.244L19.0746 9.176C19.3226 9.368 19.6026 9.528 19.9146 9.656C20.2306 9.784 20.5746 9.848 20.9466 9.848Z" fill="black"/>
30 |           <path d="M30.7219 9.848C31.0379 9.848 31.2919 9.798 31.4839 9.698C31.6799 9.598 31.7779 9.448 31.7779 9.248C31.7779 9.112 31.7399 8.998 31.6639 8.906C31.5879 8.814 31.4419 8.726 31.2259 8.642C31.0099 8.558 30.6899 8.458 30.2659 8.342C29.6819 8.186 29.2059 7.962 28.8379 7.67C28.4739 7.378 28.2919 6.95 28.2919 6.386C28.2919 5.818 28.5279 5.348 28.9999 4.976C29.4759 4.604 30.1619 4.418 31.0579 4.418C31.6259 4.418 32.1199 4.492 32.5399 4.64C32.9639 4.784 33.3299 4.968 33.6379 5.192L32.8819 6.308C32.6179 6.144 32.3339 6.014 32.0299 5.918C31.7259 5.818 31.4199 5.768 31.1119 5.768C30.5039 5.768 30.1999 5.932 30.1999 6.26C30.1999 6.368 30.2379 6.462 30.3139 6.542C30.3939 6.618 30.5419 6.698 30.7579 6.782C30.9739 6.862 31.2899 6.962 31.7059 7.082C32.1179 7.198 32.4759 7.332 32.7799 7.484C33.0879 7.636 33.3259 7.84 33.4939 8.096C33.6619 8.348 33.7459 8.682 33.7459 9.098C33.7459 9.562 33.6079 9.952 33.3319 10.268C33.0559 10.58 32.6899 10.814 32.2339 10.97C31.7779 11.126 31.2779 11.204 30.7339 11.204C30.1179 11.204 29.5739 11.116 29.1019 10.94C28.6299 10.764 28.2279 10.532 27.8959 10.244L28.8499 9.176C29.0979 9.368 29.3779 9.528 29.6899 9.656C30.0059 9.784 30.3499 9.848 30.7219 9.848Z" fill="black"/>
31 |           <path d="M42.6992 0.919998V2.24C42.3352 2.24 42.0512 2.292 41.8472 2.396C41.6432 2.496 41.5552 2.698 41.5832 3.002L41.7692 4.772C41.8172 5.22 41.7672 5.582 41.6192 5.858C41.4752 6.134 41.2532 6.346 40.9532 6.494C40.6572 6.638 40.3072 6.74 39.9032 6.8C40.3312 6.864 40.6932 6.968 40.9892 7.112C41.2852 7.256 41.5012 7.464 41.6372 7.736C41.7732 8.008 41.8172 8.372 41.7692 8.828L41.5832 10.598C41.5552 10.902 41.6432 11.104 41.8472 11.204C42.0512 11.308 42.3352 11.36 42.6992 11.36V12.68C41.5952 12.68 40.8192 12.512 40.3712 12.176C39.9272 11.844 39.7472 11.274 39.8312 10.466L40.0112 8.75C40.0592 8.294 39.9252 7.984 39.6092 7.82C39.2932 7.652 38.8792 7.568 38.3672 7.568V6.032C38.7032 6.032 39.0012 5.998 39.2612 5.93C39.5212 5.858 39.7192 5.736 39.8552 5.564C39.9912 5.392 40.0432 5.154 40.0112 4.85L39.8312 3.146C39.7432 2.322 39.9232 1.746 40.3712 1.418C40.8192 1.086 41.5952 0.919998 42.6992 0.919998Z" fill="black"/>
32 |           <path d="M51.0946 9.71C51.3546 9.71 51.5986 9.66 51.8266 9.56C52.0586 9.456 52.2886 9.324 52.5166 9.164L53.3626 10.364C53.0826 10.604 52.7406 10.804 52.3366 10.964C51.9366 11.124 51.4886 11.204 50.9926 11.204C50.3086 11.204 49.7206 11.064 49.2286 10.784C48.7366 10.5 48.3586 10.108 48.0946 9.608C47.8306 9.104 47.6986 8.52 47.6986 7.856C47.6986 7.192 47.8326 6.602 48.1006 6.086C48.3726 5.566 48.7566 5.158 49.2526 4.862C49.7526 4.566 50.3446 4.418 51.0286 4.418C51.5126 4.418 51.9426 4.486 52.3186 4.622C52.6986 4.754 53.0466 4.952 53.3626 5.216L52.5406 6.356C52.3246 6.204 52.0966 6.086 51.8566 6.002C51.6166 5.918 51.3666 5.876 51.1066 5.876C50.6786 5.876 50.3326 6.028 50.0686 6.332C49.8086 6.632 49.6786 7.14 49.6786 7.856C49.6786 8.324 49.7406 8.694 49.8646 8.966C49.9886 9.234 50.1566 9.426 50.3686 9.542C50.5846 9.654 50.8266 9.71 51.0946 9.71Z" fill="black"/>
33 |           <path d="M60.2519 4.418C60.9079 4.418 61.4659 4.558 61.9259 4.838C62.3859 5.118 62.7379 5.512 62.9819 6.02C63.2259 6.524 63.3479 7.116 63.3479 7.796C63.3479 8.86 63.0759 9.694 62.5319 10.298C61.9879 10.902 61.2279 11.204 60.2519 11.204C59.2759 11.204 58.5159 10.906 57.9719 10.31C57.4279 9.714 57.1559 8.88 57.1559 7.808C57.1559 7.132 57.2779 6.54 57.5219 6.032C57.7699 5.524 58.1239 5.128 58.5839 4.844C59.0479 4.56 59.6039 4.418 60.2519 4.418ZM60.2519 5.816C59.8639 5.816 59.5759 5.976 59.3879 6.296C59.2039 6.612 59.1119 7.116 59.1119 7.808C59.1119 8.512 59.2039 9.022 59.3879 9.338C59.5759 9.654 59.8639 9.812 60.2519 9.812C60.6399 9.812 60.9259 9.654 61.1099 9.338C61.2979 9.022 61.3919 8.508 61.3919 7.796C61.3919 7.108 61.2979 6.606 61.1099 6.29C60.9259 5.974 60.6399 5.816 60.2519 5.816Z" fill="black"/>
34 |           <path d="M67.2672 11V4.628H68.9232L69.0552 5.366C69.3392 5.046 69.6392 4.808 69.9552 4.652C70.2712 4.496 70.6312 4.418 71.0352 4.418C71.5792 4.418 72.0072 4.584 72.3192 4.916C72.6312 5.248 72.7872 5.716 72.7872 6.32V11H70.8912V6.866C70.8912 6.474 70.8472 6.202 70.7592 6.05C70.6752 5.894 70.5152 5.816 70.2792 5.816C70.0792 5.816 69.8872 5.88 69.7032 6.008C69.5232 6.136 69.3432 6.314 69.1632 6.542V11H67.2672Z" fill="black"/>
35 |           <path d="M82.7785 10.628C82.5305 10.788 82.2305 10.924 81.8785 11.036C81.5265 11.148 81.1305 11.204 80.6905 11.204C79.8585 11.204 79.2405 10.992 78.8365 10.568C78.4325 10.14 78.2305 9.56 78.2305 8.828V5.936H76.8925V4.628H78.2305V3.248L80.1265 3.02V4.628H82.1785L81.9925 5.936H80.1265V8.828C80.1265 9.144 80.1985 9.37 80.3425 9.506C80.4865 9.642 80.7165 9.71 81.0325 9.71C81.2565 9.71 81.4605 9.684 81.6445 9.632C81.8325 9.576 82.0005 9.506 82.1485 9.422L82.7785 10.628Z" fill="black"/>
36 |           <path d="M88.4618 8.366C88.5258 8.886 88.6958 9.26 88.9718 9.488C89.2478 9.712 89.5878 9.824 89.9918 9.824C90.2838 9.824 90.5658 9.776 90.8378 9.68C91.1098 9.584 91.3718 9.456 91.6238 9.296L92.3858 10.328C92.0858 10.584 91.7218 10.794 91.2938 10.958C90.8698 11.122 90.3858 11.204 89.8418 11.204C89.1138 11.204 88.5038 11.06 88.0118 10.772C87.5198 10.48 87.1498 10.08 86.9018 9.572C86.6538 9.064 86.5298 8.48 86.5298 7.82C86.5298 7.192 86.6498 6.622 86.8898 6.11C87.1298 5.594 87.4798 5.184 87.9398 4.88C88.4038 4.572 88.9698 4.418 89.6378 4.418C90.2458 4.418 90.7718 4.548 91.2158 4.808C91.6638 5.068 92.0098 5.442 92.2538 5.93C92.5018 6.418 92.6258 7.004 92.6258 7.688C92.6258 7.796 92.6218 7.912 92.6138 8.036C92.6098 8.16 92.6018 8.27 92.5898 8.366H88.4618ZM89.6378 5.69C89.2978 5.69 89.0238 5.812 88.8158 6.056C88.6078 6.3 88.4818 6.69 88.4378 7.226H90.7778C90.7738 6.762 90.6838 6.39 90.5078 6.11C90.3318 5.83 90.0418 5.69 89.6378 5.69Z" fill="black"/>
37 |           <path d="M99.1491 9.848C99.4651 9.848 99.7191 9.798 99.9111 9.698C100.107 9.598 100.205 9.448 100.205 9.248C100.205 9.112 100.167 8.998 100.091 8.906C100.015 8.814 99.8691 8.726 99.6531 8.642C99.4371 8.558 99.1171 8.458 98.6931 8.342C98.1091 8.186 97.6331 7.962 97.2651 7.67C96.9011 7.378 96.7191 6.95 96.7191 6.386C96.7191 5.818 96.9551 5.348 97.4271 4.976C97.9031 4.604 98.5891 4.418 99.4851 4.418C100.053 4.418 100.547 4.492 100.967 4.64C101.391 4.784 101.757 4.968 102.065 5.192L101.309 6.308C101.045 6.144 100.761 6.014 100.457 5.918C100.153 5.818 99.8471 5.768 99.5391 5.768C98.9311 5.768 98.6271 5.932 98.6271 6.26C98.6271 6.368 98.6651 6.462 98.7411 6.542C98.8211 6.618 98.9691 6.698 99.1851 6.782C99.4011 6.862 99.7171 6.962 100.133 7.082C100.545 7.198 100.903 7.332 101.207 7.484C101.515 7.636 101.753 7.84 101.921 8.096C102.089 8.348 102.173 8.682 102.173 9.098C102.173 9.562 102.035 9.952 101.759 10.268C101.483 10.58 101.117 10.814 100.661 10.97C100.205 11.126 99.7051 11.204 99.1611 11.204C98.5451 11.204 98.0011 11.116 97.5291 10.94C97.0571 10.764 96.6551 10.532 96.3231 10.244L97.2771 9.176C97.5251 9.368 97.8051 9.528 98.1171 9.656C98.4331 9.784 98.7771 9.848 99.1491 9.848Z" fill="black"/>
38 |           <path d="M112.104 10.628C111.856 10.788 111.556 10.924 111.204 11.036C110.852 11.148 110.456 11.204 110.016 11.204C109.184 11.204 108.566 10.992 108.162 10.568C107.758 10.14 107.556 9.56 107.556 8.828V5.936H106.218V4.628H107.556V3.248L109.452 3.02V4.628H111.504L111.318 5.936H109.452V8.828C109.452 9.144 109.524 9.37 109.668 9.506C109.812 9.642 110.042 9.71 110.358 9.71C110.582 9.71 110.786 9.684 110.97 9.632C111.158 9.576 111.326 9.506 111.474 9.422L112.104 10.628Z" fill="black"/>
39 |           <path d="M116.906 0.919998C118.01 0.919998 118.784 1.086 119.228 1.418C119.676 1.75 119.858 2.322 119.774 3.134L119.594 4.85C119.546 5.306 119.68 5.618 119.996 5.786C120.316 5.95 120.73 6.032 121.238 6.032V7.568C120.902 7.568 120.604 7.604 120.344 7.676C120.084 7.744 119.886 7.864 119.75 8.036C119.614 8.208 119.562 8.446 119.594 8.75L119.774 10.454C119.866 11.274 119.686 11.85 119.234 12.182C118.786 12.514 118.01 12.68 116.906 12.68V11.36C117.274 11.36 117.56 11.308 117.764 11.204C117.968 11.104 118.054 10.902 118.022 10.598L117.836 8.828C117.788 8.376 117.836 8.014 117.98 7.742C118.128 7.466 118.352 7.256 118.652 7.112C118.952 6.964 119.304 6.86 119.708 6.8C119.28 6.736 118.916 6.632 118.616 6.488C118.32 6.344 118.104 6.136 117.968 5.864C117.832 5.588 117.788 5.224 117.836 4.772L118.022 3.002C118.054 2.698 117.966 2.496 117.758 2.396C117.554 2.292 117.27 2.24 116.906 2.24V0.919998Z" fill="black"/>
40 |         </svg>
41 |       </a>
42 |     </footer>
43 |   </main>
44 | </body>
45 | </html>
46 | 


--------------------------------------------------------------------------------