/* --- BASE --- */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&family=Mukta:wght@700&family=Poppins&display=swap'); :root { --accent: #b55dff; --background: #fff; --text: #484848; --link: #00a0ff; --link-hover: #60c3ff; --game-background-color: #000; --play-area-height: 32px; color: var(--text); --font-primary: 'Poppins', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-family: var(--font-primary); --font-secondary: 'Mukta', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-title: 'Montserrat', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --radius-lg: 0.5rem; --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); --loading-bar-height: 14px; --loading-bar-width: 300px; --scroll-percent: 0%; --radius-lg: 0.5rem; --size-4: 1rem; --font-size-2: 1.25rem; --font-size-00: 0.875rem; --container-narrow-max-width: 900px; } body, html { min-width: 100%; min-height: 100%; padding: 0; margin: 0; } body { font-size: 1.4em; margin: 0; border: 0 none; background-color: #fdfdfd; min-height: 100vh; display: flex; flex-direction: column; width: 100%; } main { padding: 0 1rem; width: 100%; display: flex; flex-direction: column; box-sizing: border-box; } a { color: var(--link); } a:hover { color: var(--link-hover); } .background-cover, .page-background, .header, .header .title.has-icon::before { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } h1 { width: 100%; } h1, h2, h3, h4, h5 { font-family: var(--font-secondary); text-transform: uppercase; } kbd { font-family: var(--font-secondary); display: inline-block; min-width: 1em; height: 1em; line-height: 1.2; background: #ccc; color: #222; padding: 0.25em 0.25em 0.3em 0.25em; margin-right: 2px; text-align: center; border-radius: 4px; border: 1px solid #999; border-bottom-width: 4px; font-size: 0.7em; box-shadow: var(--shadow-md); } code, pre { background: #181818; padding: 1px; color: #eb98ff; } pre { padding: 1em; overflow-x: scroll; } .page-background { position: fixed; z-index: -1; width: 100vw; height: 120vh; top: -20vh; left: 0; transform: translateY(calc(var(--scroll-percent) / 8)); } .container { margin: 3em auto; max-width: var(--container-narrow-max-width); box-sizing: border-box; background: white; padding: 2em 3em 3em 3em; color: var(--text); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); } .container h1:first-of-type { font-size: 1.5em; padding-bottom: 0.5em; } h1, h2, h3, h4, button { font-family: var(--font-secondary); } /* --- VIDEOS --- */ .videos-list { gap: 0.3em; display: grid; align-items: center; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); justify-items: center; align-items: center; } .videos-list img { max-width: 100%; } .videos-list a { position: relative; display: flex; align-items: center; justify-content: center; } .video-overlay { position: absolute; display: inline-block; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); --icon-size: 4em; --background: white; --background-hover: white; display: flex; align-items: center; justify-content: center; transition: background-color 0.5s ease-out; } .videos-list a:hover .video-overlay { background-color: rgba(0, 0, 0, 0.4); transition: background-color 0.3s ease-out; } /* .iframe-container iframe { aspect-ratio: 16 / 9; width: 100%; } @supports not (aspect-ratio: 1) { .iframe-container { position: relative; height: 0; padding-bottom: 56.25%; } .iframe-container iframe { --margin: 0; position: absolute; top: var(--margin); left: var(--margin); right: var(--margin); bottom: var(--margin); } } */ /* --- /VIDEOS --- */ /* --- TEXT --- */ .text-container a { color: var(--link); } .text-container p, .text-container ul, .text-container ol { text-align: left; } .text-container a:hover { color: var(--link-hover); } .text-container img { max-width: 100%; margin: 2em auto; width: 100%; } .text-container h3 { text-align: left; } /* --- /TEXT --- */ /* --- header --- */ .header { --icon-size: 1em; color: var(--background); background-color: #000; width: 100%; display: flex; padding: 1em; box-sizing: border-box; flex-direction: column; margin-bottom: 4em; justify-content: center; align-items: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1500' height='500' viewBox='0 0 396.875 132.292'%3E%3Cdefs%3E%3ClinearGradient id='a'%3E%3Cstop offset='0' style='stop-color:%23ba32ff;stop-opacity:1'/%3E%3Cstop offset='.671' style='stop-color:%23803de5;stop-opacity:1'/%3E%3Cstop offset='1' style='stop-color:%236725d6;stop-opacity:1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg style='opacity:.238;stroke-width:1.98294'%3E%3Cpath d='m-815.446 322.527 80.632-6.35m0 0-25.07-86.783m-55.562 93.133 19.458-55.488m36.105-37.645-36.105 37.645m0 0 61.174 49.138m-80.632 6.35-38.96-94.72m58.418 39.232-58.418-39.233m94.523 1.588-94.523-1.588m0 0-68.99 50.271m0 0 10.517 49.213m116.89-60.251-116.89 60.25m-10.517-49.212 107.95 44.45m-97.433 4.763 58.473-99.484m-137.252 109.009 68.262-58.738m10.517 49.213-112.183-65.882m101.666 16.67-36.512-63.5m105.502 13.228-105.502-13.229m-65.154 46.831 101.666 16.67m-36.512-63.5-31.75 122.237m-63.635-153.592-81.952 80.831m-34.418-22.46 116.37-58.37m30.231 78.184-30.231-78.185m0 0-28.44 96.97m43.407 28.754-33.155 26.016m0 0 81.823 1.852m-48.668-27.868 48.668 27.868m0 0-33.404-75.407m-58.671 18.786 58.671-18.786m65.154-46.83-65.154 46.83m-15.264 47.539 15.264-47.539m-48.419 73.555 48.42-73.555m-48.42 73.555-10.252-54.77m43.407 28.754-43.407-28.753m0 0-99.55 35.719m46.038-51.859 63.764 70.909m-68.99-.794 58.738-53.975m-99.55 35.719 46.038-51.859m-5.226 70.115-29.192-92.574m34.418 22.46-34.418-22.46m-11.62 74.318 11.62-74.318' style='opacity:.596;fill:none;stroke:%23fff;stroke-width:.262327;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-1138.5 334.169a3.972 3.972 0 0 1-3.97 3.971 3.972 3.972 0 0 1-3.972-3.971 3.972 3.972 0 0 1 3.971-3.972 3.972 3.972 0 0 1 3.972 3.972z' style='opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:.78698;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-1139.692 334.169a2.779 2.779 0 0 1-2.779 2.778 2.779 2.779 0 0 1-2.779-2.778 2.779 2.779 0 0 1 2.78-2.779 2.779 2.779 0 0 1 2.778 2.779z' style='opacity:1;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.57396;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-1079.762 280.194a3.972 3.972 0 0 1-3.971 3.971 3.972 3.972 0 0 1-3.972-3.971 3.972 3.972 0 0 1 3.972-3.972 3.972 3.972 0 0 1 3.971 3.972z' style='opacity:.5;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:.78698;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-1080.955 280.194a2.779 2.779 0 0 1-2.778 2.778 2.779 2.779 0 0 1-2.779-2.778 2.779 2.779 0 0 1 2.779-2.779 2.779 2.779 0 0 1 2.778 2.779z' style='opacity:.5;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.57396;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-987.687 336.815a3.972 3.972 0 0 1-3.971 3.971 3.972 3.972 0 0 1-3.972-3.971 3.972 3.972 0 0 1 3.972-3.972 3.972 3.972 0 0 1 3.971 3.972z' style='opacity:.5;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:.78698;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-988.88 336.815a2.779 2.779 0 0 1-2.778 2.778 2.779 2.779 0 0 1-2.779-2.778 2.779 2.779 0 0 1 2.779-2.779 2.779 2.779 0 0 1 2.778 2.779z' style='opacity:.5;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.57396;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-955.937 214.577a3.972 3.972 0 0 1-3.971 3.972 3.972 3.972 0 0 1-3.972-3.972 3.972 3.972 0 0 1 3.972-3.971 3.972 3.972 0 0 1 3.971 3.971z' style='opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:.78698;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-957.13 214.577a2.779 2.779 0 0 1-2.778 2.779 2.779 2.779 0 0 1-2.779-2.779 2.779 2.779 0 0 1 2.779-2.779 2.779 2.779 0 0 1 2.778 2.78z' style='opacity:1;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.57396;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-811.474 322.527a3.972 3.972 0 0 1-3.972 3.972 3.972 3.972 0 0 1-3.971-3.972 3.972 3.972 0 0 1 3.971-3.971 3.972 3.972 0 0 1 3.972 3.971z' style='opacity:.596;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:.78698;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-812.667 322.527a2.779 2.779 0 0 1-2.779 2.779 2.779 2.779 0 0 1-2.778-2.779 2.779 2.779 0 0 1 2.778-2.779 2.779 2.779 0 0 1 2.779 2.78z' style='opacity:.5;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.57396;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-919.424 278.077a3.972 3.972 0 0 1-3.972 3.972 3.972 3.972 0 0 1-3.971-3.972 3.972 3.972 0 0 1 3.971-3.971 3.972 3.972 0 0 1 3.972 3.971z' style='opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:.78698;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-920.617 278.077a2.779 2.779 0 0 1-2.779 2.779 2.779 2.779 0 0 1-2.778-2.779 2.779 2.779 0 0 1 2.778-2.779 2.779 2.779 0 0 1 2.779 2.78z' style='opacity:1;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.57396;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-1070.964 334.963a2.516 2.516 0 0 1-2.517 2.516 2.516 2.516 0 0 1-2.516-2.516 2.516 2.516 0 0 1 2.516-2.517 2.516 2.516 0 0 1 2.517 2.517z' style='opacity:.5;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:1.57396;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-1072.23 334.963a1.251 1.251 0 0 1-1.25 1.251 1.251 1.251 0 0 1-1.252-1.251 1.251 1.251 0 0 1 1.251-1.252 1.251 1.251 0 0 1 1.252 1.252z' style='opacity:.5;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.57396;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-1134.729 264.054a2.516 2.516 0 0 1-2.516 2.517 2.516 2.516 0 0 1-2.517-2.517 2.516 2.516 0 0 1 2.517-2.516 2.516 2.516 0 0 1 2.516 2.516z' style='opacity:.5;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:1.57396;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-1135.994 264.054a1.251 1.251 0 0 1-1.251 1.252 1.251 1.251 0 0 1-1.252-1.252 1.251 1.251 0 0 1 1.252-1.251 1.251 1.251 0 0 1 1.251 1.251z' style='opacity:.5;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.57396;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-1180.766 315.913a2.516 2.516 0 0 1-2.517 2.516 2.516 2.516 0 0 1-2.516-2.516 2.516 2.516 0 0 1 2.516-2.517 2.516 2.516 0 0 1 2.516 2.517z' style='opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:1.57396;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-1182.031 315.913a1.251 1.251 0 0 1-1.252 1.251 1.251 1.251 0 0 1-1.251-1.251 1.251 1.251 0 0 1 1.251-1.252 1.251 1.251 0 0 1 1.252 1.252z' style='opacity:1;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.57396;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-1022.546 261.408a2.516 2.516 0 0 1-2.516 2.517 2.516 2.516 0 0 1-2.516-2.517 2.516 2.516 0 0 1 2.516-2.516 2.516 2.516 0 0 1 2.516 2.516z' style='opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:1.57396;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-1023.81 261.408a1.251 1.251 0 0 1-1.252 1.252 1.251 1.251 0 0 1-1.251-1.252 1.251 1.251 0 0 1 1.251-1.251 1.251 1.251 0 0 1 1.251 1.251z' style='opacity:1;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.57396;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-910.362 327.29a2.516 2.516 0 0 1-2.517 2.516 2.516 2.516 0 0 1-2.516-2.516 2.516 2.516 0 0 1 2.516-2.517 2.516 2.516 0 0 1 2.517 2.517z' style='opacity:.5;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:1.57396;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-911.627 327.29a1.251 1.251 0 0 1-1.252 1.251 1.251 1.251 0 0 1-1.251-1.251 1.251 1.251 0 0 1 1.251-1.252 1.251 1.251 0 0 1 1.252 1.252z' style='opacity:.5;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.57396;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-851.89 227.806a2.516 2.516 0 0 1-2.516 2.517 2.516 2.516 0 0 1-2.516-2.517 2.516 2.516 0 0 1 2.516-2.516 2.516 2.516 0 0 1 2.517 2.516z' style='opacity:.5;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:1.57396;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-853.154 227.806a1.251 1.251 0 0 1-1.252 1.252 1.251 1.251 0 0 1-1.251-1.252 1.251 1.251 0 0 1 1.251-1.251 1.251 1.251 0 0 1 1.252 1.251z' style='opacity:.5;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.57396;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-732.298 316.177a2.516 2.516 0 0 1-2.516 2.516 2.516 2.516 0 0 1-2.516-2.516 2.516 2.516 0 0 1 2.516-2.516 2.516 2.516 0 0 1 2.516 2.516z' style='opacity:.517;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:1.57396;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-733.563 316.177a1.251 1.251 0 0 1-1.251 1.252 1.251 1.251 0 0 1-1.252-1.252 1.251 1.251 0 0 1 1.252-1.251 1.251 1.251 0 0 1 1.251 1.251z' style='opacity:.517;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.57396;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-1034.741 308.947a5.585 5.585 0 0 1-5.585 5.585 5.585 5.585 0 0 1-5.585-5.585 5.585 5.585 0 0 1 5.585-5.585 5.585 5.585 0 0 1 5.585 5.585zM-1049.708 183.223a5.585 5.585 0 0 1-5.585 5.585 5.585 5.585 0 0 1-5.585-5.585 5.585 5.585 0 0 1 5.585-5.585 5.585 5.585 0 0 1 5.585 5.585z' style='opacity:.384;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.57396;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3Cpath d='M-1166.078 241.595a5.585 5.585 0 0 1-5.585 5.585 5.585 5.585 0 0 1-5.584-5.585 5.585 5.585 0 0 1 5.584-5.585 5.585 5.585 0 0 1 5.585 5.585z' style='opacity:1;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.57396;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(.50464 0 0 -.50396 603.643 175.726)'/%3E%3C/g%3E%3Cg style='opacity:.238;stroke-width:2.47813'%3E%3Cpath d='m-815.446 322.527 80.632-6.35m0 0-25.07-86.783m-55.562 93.133 19.458-55.488m36.105-37.645-36.105 37.645m0 0 61.174 49.138m-80.632 6.35-38.96-94.72m58.418 39.232-58.418-39.233m94.523 1.588-94.523-1.588m0 0-68.99 50.271m0 0 10.517 49.213m116.89-60.251-116.89 60.25m-10.517-49.212 107.95 44.45m-97.433 4.763 58.473-99.484m-137.252 109.009 68.262-58.738m10.517 49.213-112.183-65.882m101.666 16.67-36.512-63.5m105.502 13.228-105.502-13.229m-65.154 46.831 101.666 16.67m-36.512-63.5-31.75 122.237m-63.635-153.592-81.952 80.831m-34.418-22.46 116.37-58.37m30.231 78.184-30.231-78.185m0 0-28.44 96.97m43.407 28.754-33.155 26.016m0 0 81.823 1.852m-48.668-27.868 48.668 27.868m0 0-33.404-75.407m-58.671 18.786 58.671-18.786m65.154-46.83-65.154 46.83m-15.264 47.539 15.264-47.539m-48.419 73.555 48.42-73.555m-48.42 73.555-10.252-54.77m43.407 28.754-43.407-28.753m0 0-99.55 35.719m46.038-51.859 63.764 70.909m-68.99-.794 58.738-53.975m-99.55 35.719 46.038-51.859m-5.226 70.115-29.192-92.574m34.418 22.46-34.418-22.46m-11.62 74.318 11.62-74.318' style='opacity:.596;fill:none;stroke:%23fff;stroke-width:.327836;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-1138.5 334.169a3.972 3.972 0 0 1-3.97 3.971 3.972 3.972 0 0 1-3.972-3.971 3.972 3.972 0 0 1 3.971-3.972 3.972 3.972 0 0 1 3.972 3.972z' style='opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:.983508;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-1139.692 334.169a2.779 2.779 0 0 1-2.779 2.778 2.779 2.779 0 0 1-2.779-2.778 2.779 2.779 0 0 1 2.78-2.779 2.779 2.779 0 0 1 2.778 2.779z' style='opacity:1;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-1079.762 280.194a3.972 3.972 0 0 1-3.971 3.971 3.972 3.972 0 0 1-3.972-3.971 3.972 3.972 0 0 1 3.972-3.972 3.972 3.972 0 0 1 3.971 3.972z' style='opacity:.5;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:.983508;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-1080.955 280.194a2.779 2.779 0 0 1-2.778 2.778 2.779 2.779 0 0 1-2.779-2.778 2.779 2.779 0 0 1 2.779-2.779 2.779 2.779 0 0 1 2.778 2.779z' style='opacity:.5;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-987.687 336.815a3.972 3.972 0 0 1-3.971 3.971 3.972 3.972 0 0 1-3.972-3.971 3.972 3.972 0 0 1 3.972-3.972 3.972 3.972 0 0 1 3.971 3.972z' style='opacity:.5;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:.983508;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-988.88 336.815a2.779 2.779 0 0 1-2.778 2.778 2.779 2.779 0 0 1-2.779-2.778 2.779 2.779 0 0 1 2.779-2.779 2.779 2.779 0 0 1 2.778 2.779z' style='opacity:.5;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-955.937 214.577a3.972 3.972 0 0 1-3.971 3.972 3.972 3.972 0 0 1-3.972-3.972 3.972 3.972 0 0 1 3.972-3.971 3.972 3.972 0 0 1 3.971 3.971z' style='opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:.983508;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-957.13 214.577a2.779 2.779 0 0 1-2.778 2.779 2.779 2.779 0 0 1-2.779-2.779 2.779 2.779 0 0 1 2.779-2.779 2.779 2.779 0 0 1 2.778 2.78z' style='opacity:1;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-811.474 322.527a3.972 3.972 0 0 1-3.972 3.972 3.972 3.972 0 0 1-3.971-3.972 3.972 3.972 0 0 1 3.971-3.971 3.972 3.972 0 0 1 3.972 3.971z' style='opacity:.596;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:.983508;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-812.667 322.527a2.779 2.779 0 0 1-2.779 2.779 2.779 2.779 0 0 1-2.778-2.779 2.779 2.779 0 0 1 2.778-2.779 2.779 2.779 0 0 1 2.779 2.78z' style='opacity:.5;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-755.912 229.394a3.972 3.972 0 0 1-3.971 3.971 3.972 3.972 0 0 1-3.972-3.971 3.972 3.972 0 0 1 3.972-3.972 3.972 3.972 0 0 1 3.971 3.972z' style='opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:.983508;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-757.105 229.394a2.779 2.779 0 0 1-2.778 2.778 2.779 2.779 0 0 1-2.779-2.778 2.779 2.779 0 0 1 2.779-2.779 2.779 2.779 0 0 1 2.778 2.779z' style='opacity:1;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-919.424 278.077a3.972 3.972 0 0 1-3.972 3.972 3.972 3.972 0 0 1-3.971-3.972 3.972 3.972 0 0 1 3.971-3.971 3.972 3.972 0 0 1 3.972 3.971z' style='opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:.983508;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-920.617 278.077a2.779 2.779 0 0 1-2.779 2.779 2.779 2.779 0 0 1-2.778-2.779 2.779 2.779 0 0 1 2.778-2.779 2.779 2.779 0 0 1 2.779 2.78z' style='opacity:1;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-1070.964 334.963a2.516 2.516 0 0 1-2.517 2.516 2.516 2.516 0 0 1-2.516-2.516 2.516 2.516 0 0 1 2.516-2.517 2.516 2.516 0 0 1 2.517 2.517z' style='opacity:.5;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-1072.23 334.963a1.251 1.251 0 0 1-1.25 1.251 1.251 1.251 0 0 1-1.252-1.251 1.251 1.251 0 0 1 1.251-1.252 1.251 1.251 0 0 1 1.252 1.252z' style='opacity:.5;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-1134.729 264.054a2.516 2.516 0 0 1-2.516 2.517 2.516 2.516 0 0 1-2.517-2.517 2.516 2.516 0 0 1 2.517-2.516 2.516 2.516 0 0 1 2.516 2.516z' style='opacity:.5;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-1135.994 264.054a1.251 1.251 0 0 1-1.251 1.252 1.251 1.251 0 0 1-1.252-1.252 1.251 1.251 0 0 1 1.252-1.251 1.251 1.251 0 0 1 1.251 1.251z' style='opacity:.5;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-1180.766 315.913a2.516 2.516 0 0 1-2.517 2.516 2.516 2.516 0 0 1-2.516-2.516 2.516 2.516 0 0 1 2.516-2.517 2.516 2.516 0 0 1 2.516 2.517z' style='opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-1182.031 315.913a1.251 1.251 0 0 1-1.252 1.251 1.251 1.251 0 0 1-1.251-1.251 1.251 1.251 0 0 1 1.251-1.252 1.251 1.251 0 0 1 1.252 1.252z' style='opacity:1;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-1022.546 261.408a2.516 2.516 0 0 1-2.516 2.517 2.516 2.516 0 0 1-2.516-2.517 2.516 2.516 0 0 1 2.516-2.516 2.516 2.516 0 0 1 2.516 2.516z' style='opacity:1;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-1023.81 261.408a1.251 1.251 0 0 1-1.252 1.252 1.251 1.251 0 0 1-1.251-1.252 1.251 1.251 0 0 1 1.251-1.251 1.251 1.251 0 0 1 1.251 1.251z' style='opacity:1;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-910.362 327.29a2.516 2.516 0 0 1-2.517 2.516 2.516 2.516 0 0 1-2.516-2.516 2.516 2.516 0 0 1 2.516-2.517 2.516 2.516 0 0 1 2.517 2.517z' style='opacity:.5;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-911.627 327.29a1.251 1.251 0 0 1-1.252 1.251 1.251 1.251 0 0 1-1.251-1.251 1.251 1.251 0 0 1 1.251-1.252 1.251 1.251 0 0 1 1.252 1.252z' style='opacity:.5;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-851.89 227.806a2.516 2.516 0 0 1-2.516 2.517 2.516 2.516 0 0 1-2.516-2.517 2.516 2.516 0 0 1 2.516-2.516 2.516 2.516 0 0 1 2.517 2.516z' style='opacity:.5;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-853.154 227.806a1.251 1.251 0 0 1-1.252 1.252 1.251 1.251 0 0 1-1.251-1.252 1.251 1.251 0 0 1 1.251-1.251 1.251 1.251 0 0 1 1.252 1.251z' style='opacity:.5;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-732.298 316.177a2.516 2.516 0 0 1-2.516 2.516 2.516 2.516 0 0 1-2.516-2.516 2.516 2.516 0 0 1 2.516-2.516 2.516 2.516 0 0 1 2.516 2.516z' style='opacity:.517;vector-effect:none;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:%23fff;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-733.563 316.177a1.251 1.251 0 0 1-1.251 1.252 1.251 1.251 0 0 1-1.252-1.252 1.251 1.251 0 0 1 1.252-1.251 1.251 1.251 0 0 1 1.251 1.251z' style='opacity:.517;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-1034.741 308.947a5.585 5.585 0 0 1-5.585 5.585 5.585 5.585 0 0 1-5.585-5.585 5.585 5.585 0 0 1 5.585-5.585 5.585 5.585 0 0 1 5.585 5.585z' style='opacity:.384;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-790.404 267.039a5.585 5.585 0 0 1-5.584 5.585 5.585 5.585 0 0 1-5.585-5.585 5.585 5.585 0 0 1 5.585-5.585 5.585 5.585 0 0 1 5.584 5.585z' style='opacity:.576;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-1049.708 183.223a5.585 5.585 0 0 1-5.585 5.585 5.585 5.585 0 0 1-5.585-5.585 5.585 5.585 0 0 1 5.585-5.585 5.585 5.585 0 0 1 5.585 5.585z' style='opacity:.384;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3Cpath d='M-1166.078 241.595a5.585 5.585 0 0 1-5.585 5.585 5.585 5.585 0 0 1-5.584-5.585 5.585 5.585 0 0 1 5.584-5.585 5.585 5.585 0 0 1 5.585 5.585z' style='opacity:1;vector-effect:none;fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.96702;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1' transform='matrix(-.40396 0 0 .4031 -90.134 -9.236)'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient( 65deg, hsl(265deg 70% 49%) 0%, hsl(267deg 70% 49%) 21%, hsl(270deg 71% 49%) 30%, hsl(272deg 71% 49%) 39%, hsl(274deg 71% 49%) 46%, hsl(276deg 72% 49%) 54%, hsl(278deg 72% 49%) 61%, hsl(280deg 73% 49%) 69%, hsl(281deg 73% 49%) 79%, hsl(283deg 73% 49%) 100% ); } .header .title { position: relative; display: flex; font-size: 3em; justify-content: center; align-items: center; margin-bottom: 0; gap: 0.3em; text-align: center; font-family: var(--font-title); max-width: 1024px; margin-bottom: 0.5em; text-shadow: 0 10px 10px #53297780, 0 5px 5px #430e9c8c; text-transform: uppercase; /* font-weight: 700; */ font-weight: 900; } .header .title.has-icon::before { content: ''; width: var(--icon-size); height: var(--icon-size); background-image: var(--background-image); } .site-navigation { margin-top: 1em; font-size: 0.8em; display: flex; flex-wrap: wrap; } .site-navigation a { color: white; text-transform: lowercase; } .site-navigation a::after { content: ''; display: inline-block; height: 10px; width: 2px; background: white; margin: 0 1em; } .site-navigation a:last-child::after { content: none; } /* --- /header --- */ /* --- GAME CANVAS --- */ .play-area, .screen { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; } .screen { min-height: 512px; width: 100%; position: relative; padding-bottom: 0.5em; border: 2px dashed #222; } .run-game { background: #f5c300; color: black; --background: black; cursor: pointer; } .play-area p { width: 100%; margin-bottom: 2em; } .play-area-buttons { --icon-size: 2em; --background: black; --background-hover: black; display: flex; justify-content: end; align-items: center; gap: 0.3em; width: 100%; height: var(--play-area-height); position: absolute; top: 0; left: 0; top: -2em; } .play-area-buttons button { padding: 0.5em; border: 0; background: rgba(255, 255, 255, 0.2); cursor: pointer; } .screen-layer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; } #canvas { display: block; margin: 0; border: none; } /* --- /GAME CANVAS --- */ /*-- STATES --*/ [class^='show-on-'], [class*=' show-on-'] { visibility: hidden; } .mode-indeterminate .show-on-indeterminate { visibility: visible; } .mode-error .show-on-error { visibility: visible; } .mode-progress .show-on-progress { visibility: visible; } .mode-done .show-on-done { visibility: visible; } /*-- /STATES --*/ /*-- LOADER BAR --*/ #loader { --progress: 100%; height: var(--loading-bar-height); width: var(--loading-bar-width); background-color: #303049; border-radius: var(--bar-corner-radius); overflow: hidden; position: relative; } #loader::before { content: ''; box-sizing: border-box; position: absolute; height: 100%; left: 0; border-radius: var(--bar-corner-radius); background-color: #3dff6e; } .mode-indeterminate #loader::before { right: var(--bar-width); animation: loader 0.8s cubic-bezier(0, 0, 0.03, 0.9) infinite; } .mode-progress #loader::before { transition: width 0.2s ease-out; width: var(--progress); } @keyframes loader { 0% { left: 0; right: var(--loading-bar-width); } 44% { left: 0; right: 0; } 100% { left: var(--loading-bar-width); right: 0; } } /*-- /LOADER BAR --*/ /*-- ICONS --*/ [class^='icon-']::before, [class*=' icon-']::before { content: ''; color: var(--background); background-color: var(--background); display: block; width: var(--icon-size); height: var(--icon-size); -webkit-mask-size: cover; -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; } [class^='icon-']:hover::before, [class*=' icon-']:hover::before { background-color: var(--background-hover); } .icon-itch::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M15 4c-3.362 0-7.945.054-8.871.135C5.082 4.755 3.02 6.899 3 7.52v1.03C3 9.855 4.218 11 5.324 11c1.33 0 2.438-1.101 2.438-2.408C7.762 9.899 8.829 11 10.158 11c1.33 0 2.365-1.101 2.365-2.408 0 1.307 1.136 2.408 2.465 2.408h.026c1.329 0 2.465-1.101 2.465-2.408 0 1.307 1.035 2.408 2.363 2.408 1.329 0 2.398-1.101 2.398-2.408 0 1.307 1.107 2.408 2.436 2.408C25.78 11 27 9.855 27 8.55V7.522c-.02-.62-2.082-2.765-3.129-3.386C20.617 4.02 18.362 4 15 4zm-2.516 7.637a2.729 2.729 0 0 1-.468.601 2.785 2.785 0 0 1-3.898 0 2.57 2.57 0 0 1-.446-.59c-.126.222-.303.411-.486.59a2.785 2.785 0 0 1-1.952.795.818.818 0 0 1-.261-.053 25.886 25.886 0 0 0-.147 2.336v.004l-.006 1.168c.021 2.334-.23 7.565 1.03 8.85 1.953.454 5.545.661 9.15.662 3.605-.001 7.197-.21 9.15-.664 1.26-1.285 1.009-6.517 1.03-8.85l-.006-1.166v-.004c-.016-.775-.083-1.224-.19-2.336a.858.858 0 0 1-.263.051 2.784 2.784 0 0 1-1.951-.793 2.77 2.77 0 0 1-.485-.59h-.002a2.629 2.629 0 0 1-.445.59 2.79 2.79 0 0 1-4.365-.601 2.764 2.764 0 0 1-2.494 1.394 2.785 2.785 0 0 1-2.031-.793 2.703 2.703 0 0 1-.464-.601zm-1.517 3.008v.001c.712.001 1.345.001 2.129.856.616-.065 1.26-.099 1.904-.098h.002c.644 0 1.288.033 1.904.098.784-.855 1.415-.855 2.127-.856h.002v-.001c.336 0 1.682 0 2.62 2.632l1.005 3.614c.746 2.687-.239 2.752-1.467 2.754-1.822-.068-2.83-1.39-2.83-2.713-1.009.165-2.184.248-3.361.248s-2.355-.083-3.363-.248c0 1.323-1.008 2.645-2.83 2.713-1.23-.002-2.215-.067-1.47-2.754l1.009-3.614c.937-2.633 2.282-2.632 2.619-2.632zM15 16.633c-.001.002-1.625 1.493-1.916 2.023l1.062-.043v.926c0 .043.428.028.854.008.427.02.854.035.854-.008v-.926l1.062.043c-.291-.53-1.916-2.023-1.916-2.023z' style='stroke:none;stroke-width:1;stroke-dasharray:none;stroke-linecap:butt;stroke-dashoffset:0;stroke-linejoin:miter;stroke-miterlimit:4;fill:%23000;fill-rule:nonzero;opacity:1' transform='matrix(.83 0 0 .83 -.45 -.45)'/%3E%3C/svg%3E"); } .icon-play::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M15 3C8.373 3 3 8.373 3 15s5.373 12 12 12 12-5.373 12-12S21.627 3 15 3zm5.304 12.402-7.608 4.392c-.383.221-.696.04-.696-.402v-8.785c0-.442.313-.623.696-.402l7.608 4.392c.383.222.383.584 0 .805z' style='stroke:none;stroke-width:1;stroke-dasharray:none;stroke-linecap:butt;stroke-dashoffset:0;stroke-linejoin:miter;stroke-miterlimit:4;fill:%23000;fill-rule:nonzero;opacity:1' transform='matrix(.83 0 0 .83 -.45 -.45)'/%3E%3C/svg%3E"); } .icon-fullscreen::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M39.96 5.98a2 2 0 0 0-.22.02H31a2 2 0 1 0 0 4h4.172L10 35.172V31a2 2 0 1 0-4 0v8.754A2 2 0 0 0 8.26 42H17a2 2 0 1 0 0-4h-4.172L38 12.828V17a2 2 0 1 0 4 0V8.246a2 2 0 0 0-2.04-2.266zM8 6a2 2 0 0 0-.727.139l-.035.013a2 2 0 0 0-.324.17l-.021.014a2 2 0 0 0-.295.24l-.012.01-.004.006a2 2 0 0 0-.248.303l-.006.007a2 2 0 0 0-.168.32l-.017.042a2 2 0 0 0-.1.332l-.008.035A2 2 0 0 0 6 8v9a2 2 0 1 0 4 0v-4.172l9.758 9.758 2.828-2.828L12.828 10H17a2 2 0 1 0 0-4H8zm20.242 19.414-2.828 2.828L35.172 38H31a2 2 0 1 0 0 4h9a2 2 0 0 0 .727-.139l.035-.013a2 2 0 0 0 .908-.748l.002-.002a2 2 0 0 0 .168-.32l.017-.042a2 2 0 0 0 .1-.332l.008-.035A2 2 0 0 0 42 40v-9a2 2 0 1 0-4 0v4.172l-9.758-9.758z' style='stroke:none;stroke-width:1;stroke-dasharray:none;stroke-linecap:butt;stroke-dashoffset:0;stroke-linejoin:miter;stroke-miterlimit:4;fill:%23000;fill-rule:nonzero;opacity:1' transform='matrix(.55 0 0 .55 -1.2 -1.2)'/%3E%3C/svg%3E"); } .icon-x11::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' stroke='none' fill='%23000000' opacity='0'/%3E%3Cg transform='matrix(0.53 0 0 0.53 12 12)' %3E%3Cpath style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;' transform=' translate(-24, -24)' d='M 24 5 C 13.523 5 5 13.523 5 24 L 5 41.5 C 5 42.328 5.672 43 6.5 43 L 41.5 43 C 42.328 43 43 42.328 43 41.5 L 43 24 C 43 13.523 34.477 5 24 5 z M 29.410156 11.005859 C 29.985656 10.964484 30.666359 11.117203 31.318359 11.470703 C 32.622359 12.178703 33.313328 13.427719 32.861328 14.261719 C 32.408328 15.095719 30.983688 15.197234 29.679688 14.490234 C 28.376688 13.782234 27.685672 12.533219 28.138672 11.699219 C 28.364672 11.282219 28.834656 11.047234 29.410156 11.005859 z M 17.25 19 C 20.145 19 22.5 22.276688 22.5 26.304688 C 22.5 27.446687 22.398406 28.384453 22.191406 29.189453 C 21.459878 29.303423 20.566021 29.486463 19.625 29.701172 C 19.858286 29.131126 20 28.467461 20 27.75 C 20 25.68 18.88 24 17.5 24 C 16.12 24 15 25.68 15 27.75 C 15 28.955848 15.386431 30.016977 15.976562 30.703125 C 15.186504 30.965187 14.40639 31.252887 13.669922 31.572266 C 12.631922 30.209266 12 28.313688 12 26.304688 C 12 22.276688 14.355 19 17.25 19 z M 30.75 19 C 33.645 19 36 22.276688 36 26.304688 C 36 28.314687 35.367125 30.209266 34.328125 31.572266 C 33.592059 31.252904 32.813116 30.967094 32.023438 30.705078 C 32.614129 30.01898 33 28.956517 33 27.75 C 33 25.68 31.88 24 30.5 24 C 29.12 24 28 25.68 28 27.75 C 28 28.467461 28.141714 29.131126 28.375 29.701172 C 27.439376 29.487697 26.549124 29.305283 25.820312 29.191406 C 25.611313 28.383406 25.5 27.452688 25.5 26.304688 C 25.5 22.277687 27.855 19 30.75 19 z M 24 32 C 27.357 32 35.171141 34.679844 35.994141 36.089844 C 35.794141 37.788844 29.962 40 24 40 C 18.038 40 12.205859 37.788844 12.005859 36.089844 C 12.828859 34.679844 20.643 32 24 32 z' stroke-linecap='round' /%3E%3C/g%3E%3C/svg%3E"); } .icon-win::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' stroke='none' fill='%23000000' opacity='0'/%3E%3Cg transform='matrix(0.83 0 0 0.83 12 12)' %3E%3Cpath style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;' transform=' translate(-15, -15)' d='M 12 16 L 3 16 L 3 23.75 L 12 24.988 z M 12 5 L 3 6.25 L 3 14 L 12 14 z M 14 4.75 L 14 14 L 27 14 L 27 3 z M 14 16 L 14 25.25 L 27 27 L 27 16 z' stroke-linecap='round' /%3E%3C/g%3E%3C/svg%3E"); } .icon-ios::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' stroke='none' fill='%23000000' opacity='0'/%3E%3Cg transform='matrix(0.91 0 0 0.91 12 12)' %3E%3Cpath style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;' transform=' translate(-15, -15)' d='M 6 4 C 4.895 4 4 4.895 4 6 L 4 24 C 4 25.105 4.895 26 6 26 L 24 26 C 25.105 26 26 25.105 26 24 L 26 6 C 26 4.895 25.105 4 24 4 L 6 4 z M 7.8222656 11.205078 C 8.3192656 11.205078 8.6445312 11.492203 8.6445312 11.908203 C 8.6445312 12.319203 8.3192656 12.609375 7.8222656 12.609375 C 7.3202656 12.609375 7 12.319203 7 11.908203 C 7 11.492203 7.3202656 11.205078 7.8222656 11.205078 z M 13.074219 11.544922 C 15.110219 11.544922 16.386719 12.936969 16.386719 15.167969 C 16.386719 17.404969 15.115219 18.794922 13.074219 18.794922 C 11.029219 18.794922 9.7539063 17.403969 9.7539062 15.167969 C 9.7539062 12.931969 11.048219 11.544922 13.074219 11.544922 z M 20.238281 11.544922 C 21.758281 11.544922 22.833953 12.395047 22.876953 13.623047 L 21.519531 13.623047 C 21.452531 13.078047 20.946047 12.716797 20.248047 12.716797 C 19.526047 12.716797 19.048828 13.051172 19.048828 13.576172 C 19.048828 14.001172 19.378547 14.245969 20.185547 14.417969 L 21.017578 14.59375 C 22.403578 14.88475 23 15.482734 23 16.552734 C 23 17.943734 21.933125 18.794922 20.203125 18.794922 C 18.559125 18.794922 17.493406 17.986172 17.441406 16.701172 L 18.837891 16.701172 C 18.904891 17.260172 19.467297 17.619141 20.279297 17.619141 C 21.029297 17.619141 21.560547 17.255375 21.560547 16.734375 C 21.560547 16.294375 21.217094 16.041375 20.371094 15.859375 L 19.472656 15.669922 C 18.215656 15.406922 17.599609 14.750219 17.599609 13.699219 C 17.599609 12.399219 18.647281 11.544922 20.238281 11.544922 z M 13.074219 12.810547 C 11.956219 12.810547 11.228516 13.724969 11.228516 15.167969 C 11.228516 16.605969 11.941219 17.527344 13.074219 17.527344 C 14.197219 17.527344 14.914062 16.606969 14.914062 15.167969 C 14.914062 13.724969 14.197219 12.810547 13.074219 12.810547 z M 7.1230469 13.347656 L 8.515625 13.347656 L 8.515625 18.617188 L 7.1230469 18.617188 L 7.1230469 13.347656 z' stroke-linecap='round' /%3E%3C/g%3E%3C/svg%3E"); } .icon-osx::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' stroke='none' fill='%23000000' opacity='0'/%3E%3Cg transform='matrix(1 0 0 1 12 12)' %3E%3Cpath style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;' transform=' translate(-11.82, -11)' d='M 16.125 1 C 14.972 1.067 13.648328 1.7093438 12.861328 2.5273438 C 12.150328 3.2713438 11.589359 4.3763125 11.818359 5.4453125 C 13.071359 5.4783125 14.329031 4.8193281 15.082031 3.9863281 C 15.785031 3.2073281 16.318 2.12 16.125 1 z M 16.193359 5.4433594 C 14.384359 5.4433594 13.628 6.5546875 12.375 6.5546875 C 11.086 6.5546875 9.9076562 5.5136719 8.3476562 5.5136719 C 6.2256562 5.5146719 3 7.4803281 3 12.111328 C 3 16.324328 6.8176563 21 8.9726562 21 C 10.281656 21.013 10.599 20.176969 12.375 20.167969 C 14.153 20.154969 14.536656 21.011 15.847656 21 C 17.323656 20.989 18.476359 19.367031 19.318359 18.082031 C 19.922359 17.162031 20.170672 16.692344 20.638672 15.652344 C 17.165672 14.772344 16.474672 9.1716719 20.638672 8.0136719 C 19.852672 6.6726719 17.558359 5.4433594 16.193359 5.4433594 z' stroke-linecap='round' /%3E%3C/g%3E%3C/svg%3E"); } .icon-android::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' stroke='none' fill='%23000000' opacity='0'/%3E%3Cg transform='matrix(0.91 0 0 0.91 12 12)' %3E%3Cpath style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;' transform=' translate(-12, -12)' d='M 7.5 1 C 7.372 1 7.2439844 1.0489844 7.1464844 1.1464844 C 6.9514844 1.3414844 6.9514844 1.6585156 7.1464844 1.8535156 L 8.4570312 3.1640625 C 6.9691108 4.2559188 6 6.0127547 6 8 L 18 8 C 18 6.0127547 17.030889 4.2559188 15.542969 3.1640625 L 16.853516 1.8535156 C 17.048516 1.6575156 17.048516 1.3424844 16.853516 1.1464844 C 16.658516 0.95148437 16.341484 0.95148438 16.146484 1.1464844 L 14.664062 2.6289062 C 13.860616 2.2295595 12.95819 2 12 2 C 11.04181 2 10.139384 2.2295595 9.3359375 2.6289062 L 7.8535156 1.1464844 C 7.7560156 1.0489844 7.628 1 7.5 1 z M 9 5 L 10 5 L 10 6 L 9 6 L 9 5 z M 14 5 L 15 5 L 15 6 L 14 6 L 14 5 z M 4 9 C 3.448 9 3 9.448 3 10 L 3 16 C 3 16.552 3.448 17 4 17 C 4.552 17 5 16.552 5 16 L 5 10 C 5 9.448 4.552 9 4 9 z M 6 9 L 6 17 C 6 17.552 6.448 18 7 18 L 8 18 L 8 21.5 C 8 22.328 8.672 23 9.5 23 C 10.328 23 11 22.328 11 21.5 L 11 18 L 13 18 L 13 21.5 C 13 22.328 13.672 23 14.5 23 C 15.328 23 16 22.328 16 21.5 L 16 18 L 17 18 C 17.552 18 18 17.552 18 17 L 18 9 L 6 9 z M 20 9 C 19.448 9 19 9.448 19 10 L 19 16 C 19 16.552 19.448 17 20 17 C 20.552 17 21 16.552 21 16 L 21 10 C 21 9.448 20.552 9 20 9 z' stroke-linecap='round' /%3E%3C/g%3E%3C/svg%3E"); } .icon-web::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M5 4C3.346 4 2 5.346 2 7v6h46v-2c0-1.654-1.346-3-3-3l-26.955.006c-.28-.101-.856-1.02-1.166-1.514C16.112 5.268 15.317 4 14 4H5zM3 15c-.551 0-1 .448-1 1v27c0 1.654 1.346 3 3 3h40c1.654 0 3-1.346 3-3V16c0-.552-.449-1-1-1H3zm22 4c6.065 0 11 4.935 11 11s-4.935 11-11 11-11-4.935-11-11 4.935-11 11-11zm0 2c-.574 0-1.438 1.089-2.092 3h4.184c-.653-1.911-1.518-3-2.092-3zm-3.23.61A9.016 9.016 0 0 0 18.31 24h2.518c.258-.881.574-1.689.942-2.39zm6.46 0c.368.7.684 1.509.942 2.39h2.517a9.023 9.023 0 0 0-3.459-2.39zM16.95 26a8.912 8.912 0 0 0-.891 3h3.964c.045-1.013.158-2.027.334-3H16.95zm5.43 0a19.954 19.954 0 0 0-.357 3h5.956a19.942 19.942 0 0 0-.36-3h-5.238zm7.263 0c.176.973.289 1.987.334 3h3.964a8.912 8.912 0 0 0-.89-3h-3.408zm-13.584 5a8.912 8.912 0 0 0 .89 3h3.408a22.585 22.585 0 0 1-.334-3H16.06zm5.964 0c.048 1.098.178 2.099.358 3h5.238c.18-.901.31-1.902.36-3h-5.956zm7.954 0a22.585 22.585 0 0 1-.334 3h3.408a8.912 8.912 0 0 0 .89-3h-3.964zM18.31 36a9.023 9.023 0 0 0 3.459 2.39 13.088 13.088 0 0 1-.942-2.39h-2.517zm4.597 0c.653 1.911 1.518 3 2.092 3 .574 0 1.438-1.089 2.092-3h-4.184zm6.264 0a13.19 13.19 0 0 1-.942 2.39A9.016 9.016 0 0 0 31.69 36h-2.518z' style='stroke:none;stroke-width:1;stroke-dasharray:none;stroke-linecap:butt;stroke-dashoffset:0;stroke-linejoin:miter;stroke-miterlimit:4;fill:%23000;fill-rule:nonzero;opacity:1' transform='matrix(.43 0 0 .43 1.25 1.25)'/%3E%3C/svg%3E"); } .icon-source::before { -webkit-mask-image: url("data:image/svg+xml;utf8, "); } .icon-source::before { -webkit-mask-image: url("data:image/svg+xml;utf8, "); } .icon-twitter::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' stroke='none' fill='%23000000' opacity='0'/%3E%3Cg transform='matrix(0.77 0 0 0.77 12 12)' %3E%3Cpath style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;' transform=' translate(-15, -15)' d='M 28 6.937 C 27.043 7.362 26.015 7.648000000000001 24.936 7.777 C 26.038 7.117 26.883 6.072 27.281 4.8260000000000005 C 26.250999999999998 5.437 25.108999999999998 5.881 23.893 6.121 C 22.92 5.0840000000000005 21.534 4.436 20 4.436 C 17.054 4.436 14.666 6.824999999999999 14.666 9.77 C 14.666 10.187999999999999 14.714 10.596 14.804 10.985 C 10.371 10.763 6.441000000000001 8.639 3.809000000000001 5.411 C 3.351 6.199 3.088 7.115 3.088 8.094 C 3.088 9.943999999999999 4.029 11.577 5.46 12.533 C 4.586 12.504999999999999 3.763 12.264999999999999 3.044 11.866 C 3.044 11.889 3.044 11.91 3.044 11.933 C 3.044 14.518 4.882 16.674 7.323 17.163 C 6.876 17.285 6.404 17.35 5.917000000000001 17.35 C 5.574000000000001 17.35 5.239000000000001 17.316000000000003 4.914000000000001 17.255000000000003 C 5.593000000000001 19.374000000000002 7.563000000000001 20.917 9.897 20.96 C 8.072000000000001 22.391000000000002 5.772 23.244 3.2720000000000002 23.244 C 2.842 23.244 2.4170000000000003 23.219 1.9990000000000003 23.169 C 4.36 24.682000000000002 7.163 25.565 10.176 25.565 C 19.988 25.565 25.352 17.437 25.352 10.388000000000002 C 25.352 10.157000000000002 25.347 9.927000000000001 25.337 9.698000000000002 C 26.38 8.945 27.285 8.006 28 6.937 z' stroke-linecap='round' /%3E%3C/g%3E%3C/svg%3E"); } .icon-mastodon::before { //-webkit-mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' stroke='none' fill='%23000000' opacity='0'/%3E%3Cg transform='matrix(0.83 0 0 0.83 12 12)' %3E%3Cpath style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;' transform=' translate(-16, -16.02)' d='M 15.9375 4.03125 C 12.917 4.0435 9.9179219 4.4269844 8.3574219 5.1464844 C 8.3574219 5.1464844 5 6.6748594 5 11.880859 C 5 18.077859 4.9955 25.860234 10.5625 27.365234 C 12.6945 27.938234 14.527953 28.061562 16.001953 27.976562 C 18.676953 27.825562 20 27.005859 20 27.005859 L 19.910156 25.029297 C 19.910156 25.029297 18.176297 25.640313 16.029297 25.570312 C 13.902297 25.495313 11.6615 25.335688 11.3125 22.679688 C 11.2805 22.432688 11.264625 22.182594 11.265625 21.933594 C 15.772625 23.052594 19.615828 22.420969 20.673828 22.292969 C 23.627828 21.933969 26.199344 20.081672 26.527344 18.388672 C 27.041344 15.720672 26.998047 11.880859 26.998047 11.880859 C 26.998047 6.6748594 23.646484 5.1464844 23.646484 5.1464844 C 22.000984 4.3779844 18.958 4.019 15.9375 4.03125 z M 12.705078 8.0019531 C 13.739953 8.0297031 14.762578 8.4927031 15.392578 9.4707031 L 16.001953 10.505859 L 16.609375 9.4707031 C 17.874375 7.5037031 20.709594 7.6264375 22.058594 9.1484375 C 23.302594 10.596438 23.025391 11.531 23.025391 18 L 23.025391 18.001953 L 20.578125 18.001953 L 20.578125 12.373047 C 20.578125 9.7380469 17.21875 9.6362812 17.21875 12.738281 L 17.21875 16 L 14.787109 16 L 14.787109 12.738281 C 14.787109 9.6362812 11.429688 9.7360938 11.429688 12.371094 L 11.429688 18 L 8.9765625 18 C 8.9765625 11.526 8.7043594 10.585438 9.9433594 9.1484375 C 10.622859 8.3824375 11.670203 7.9742031 12.705078 8.0019531 z' stroke-linecap='round' /%3E%3C/g%3E%3C/svg%3E"); } .icon-youtube::before { //-webkit-mask-image: url("data:image/svg+xml;utf8, "); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' stroke='none' fill='%23000000' opacity='0'/%3E%3Cg transform='matrix(0.77 0 0 0.77 12 12)' %3E%3Cpath style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;' transform=' translate(-13, -12.94)' d='M 6.3125 0.03125 L 8.09375 5.875 L 8.09375 9.6875 L 9.59375 9.6875 L 9.59375 5.6875 L 11.3125 0.03125 L 9.8125 0.03125 L 8.875 3.875 L 8.78125 3.875 L 7.8125 0.03125 Z M 13.21875 2.375 C 12.617188 2.375 12.136719 2.546875 11.78125 2.875 C 11.425781 3.199219 11.25 3.636719 11.25 4.1875 L 11.25 7.875 C 11.25 8.480469 11.433594 8.988281 11.78125 9.34375 C 12.132813 9.703125 12.574219 9.875 13.15625 9.875 C 13.757813 9.875 14.25 9.691406 14.59375 9.34375 C 14.9375 8.996094 15.09375 8.515625 15.09375 7.90625 L 15.09375 4.21875 C 15.09375 3.675781 14.914063 3.25 14.5625 2.90625 C 14.214844 2.558594 13.769531 2.375 13.21875 2.375 Z M 16.21875 2.5625 L 16.21875 8.53125 C 16.21875 8.957031 16.3125 9.257813 16.46875 9.46875 C 16.625 9.679688 16.851563 9.78125 17.15625 9.78125 C 17.402344 9.78125 17.644531 9.710938 17.90625 9.5625 C 18.171875 9.410156 18.445313 9.195313 18.6875 8.90625 L 18.6875 9.6875 L 20 9.6875 L 20 2.5625 L 18.6875 2.5625 L 18.6875 7.96875 C 18.5625 8.121094 18.429688 8.246094 18.28125 8.34375 C 18.132813 8.445313 18.003906 8.5 17.90625 8.5 C 17.785156 8.5 17.679688 8.480469 17.625 8.40625 C 17.566406 8.332031 17.5625 8.195313 17.5625 8.03125 L 17.5625 2.5625 Z M 13.15625 3.625 C 13.332031 3.625 13.488281 3.65625 13.59375 3.75 C 13.703125 3.847656 13.75 3.972656 13.75 4.125 L 13.75 8.03125 C 13.75 8.222656 13.699219 8.363281 13.59375 8.46875 C 13.488281 8.578125 13.335938 8.625 13.15625 8.625 C 12.980469 8.625 12.84375 8.574219 12.75 8.46875 C 12.652344 8.363281 12.625 8.226563 12.625 8.03125 L 12.625 4.125 C 12.625 3.972656 12.679688 3.847656 12.78125 3.75 C 12.882813 3.65625 12.996094 3.625 13.15625 3.625 Z M 13 11.15625 C 10.40625 11.152344 7.863281 11.175781 5.375 11.28125 C 3.636719 11.28125 2.21875 12.683594 2.21875 14.40625 C 2.113281 15.769531 2.058594 17.136719 2.0625 18.5 C 2.058594 19.863281 2.113281 21.230469 2.21875 22.59375 C 2.21875 24.316406 3.636719 25.71875 5.375 25.71875 C 7.863281 25.820313 10.40625 25.847656 13 25.84375 C 15.597656 25.851563 18.140625 25.820313 20.625 25.71875 C 22.363281 25.71875 23.78125 24.316406 23.78125 22.59375 C 23.886719 21.230469 23.941406 19.863281 23.9375 18.5 C 23.945313 17.136719 23.886719 15.769531 23.78125 14.40625 C 23.78125 12.683594 22.363281 11.28125 20.625 11.28125 C 18.140625 11.175781 15.597656 11.152344 13 11.15625 Z M 3.75 13.375 L 8.34375 13.375 C 8.425781 13.375 8.5 13.449219 8.5 13.53125 L 8.5 14.9375 C 8.5 15.019531 8.425781 15.09375 8.34375 15.09375 L 6.9375 15.09375 L 6.9375 23.1875 C 6.9375 23.269531 6.894531 23.34375 6.8125 23.34375 L 5.3125 23.34375 C 5.230469 23.34375 5.15625 23.269531 5.15625 23.1875 L 5.15625 15.09375 L 3.75 15.09375 C 3.667969 15.09375 3.625 15.019531 3.625 14.9375 L 3.625 13.53125 C 3.625 13.449219 3.667969 13.375 3.75 13.375 Z M 13.40625 13.375 L 14.75 13.375 C 14.832031 13.375 14.90625 13.449219 14.90625 13.53125 L 14.90625 16.25 C 15.015625 16.148438 15.132813 16.066406 15.25 16 C 15.476563 15.875 15.707031 15.8125 15.9375 15.8125 C 16.40625 15.8125 16.75 16 17 16.34375 C 17.238281 16.675781 17.375 17.140625 17.375 17.75 L 17.375 21.71875 C 17.375 22.257813 17.261719 22.675781 17.03125 22.96875 C 16.792969 23.273438 16.4375 23.4375 16 23.4375 C 15.722656 23.4375 15.476563 23.363281 15.25 23.25 C 15.128906 23.1875 15.015625 23.128906 14.90625 23.03125 L 14.90625 23.1875 C 14.90625 23.269531 14.832031 23.34375 14.75 23.34375 L 13.40625 23.34375 C 13.324219 23.34375 13.25 23.269531 13.25 23.1875 L 13.25 13.53125 C 13.25 13.449219 13.324219 13.375 13.40625 13.375 Z M 20.21875 15.71875 C 20.867188 15.71875 21.398438 15.921875 21.75 16.3125 C 22.101563 16.703125 22.28125 17.257813 22.28125 17.96875 L 22.28125 19.8125 C 22.28125 19.894531 22.207031 19.9375 22.125 19.9375 L 19.75 19.9375 L 19.75 21.15625 C 19.75 21.59375 19.796875 21.765625 19.84375 21.84375 C 19.882813 21.90625 19.949219 22 20.15625 22 C 20.324219 22 20.441406 21.953125 20.5 21.875 C 20.527344 21.832031 20.59375 21.675781 20.59375 21.15625 L 20.59375 20.65625 C 20.59375 20.574219 20.667969 20.5 20.75 20.5 L 22.125 20.5 C 22.207031 20.5 22.28125 20.574219 22.28125 20.65625 L 22.28125 21.1875 C 22.28125 21.957031 22.074219 22.542969 21.71875 22.9375 C 21.363281 23.335938 20.828125 23.53125 20.125 23.53125 C 19.488281 23.53125 18.992188 23.332031 18.625 22.90625 C 18.261719 22.488281 18.0625 21.910156 18.0625 21.1875 L 18.0625 17.96875 C 18.0625 17.3125 18.253906 16.792969 18.65625 16.375 C 19.058594 15.957031 19.585938 15.71875 20.21875 15.71875 Z M 8.34375 15.90625 L 9.65625 15.90625 C 9.738281 15.90625 9.8125 15.980469 9.8125 16.0625 L 9.8125 21.53125 C 9.8125 21.710938 9.824219 21.785156 9.84375 21.8125 C 9.851563 21.824219 9.886719 21.875 10 21.875 C 10.039063 21.875 10.125 21.859375 10.28125 21.75 C 10.410156 21.664063 10.523438 21.558594 10.625 21.4375 L 10.625 16.0625 C 10.625 15.980469 10.699219 15.90625 10.78125 15.90625 L 12.125 15.90625 C 12.207031 15.90625 12.25 15.980469 12.25 16.0625 L 12.25 23.1875 C 12.25 23.269531 12.207031 23.34375 12.125 23.34375 L 10.78125 23.34375 C 10.699219 23.34375 10.625 23.269531 10.625 23.1875 L 10.625 22.78125 C 10.449219 22.953125 10.277344 23.082031 10.09375 23.1875 C 9.804688 23.351563 9.53125 23.4375 9.25 23.4375 C 8.894531 23.4375 8.621094 23.316406 8.4375 23.0625 C 8.261719 22.824219 8.1875 22.484375 8.1875 22.03125 L 8.1875 16.0625 C 8.1875 15.980469 8.261719 15.90625 8.34375 15.90625 Z M 15.25 17.25 C 15.199219 17.257813 15.148438 17.285156 15.09375 17.3125 C 15.03125 17.34375 14.96875 17.402344 14.90625 17.46875 L 14.90625 21.78125 C 14.984375 21.863281 15.050781 21.933594 15.125 21.96875 C 15.207031 22.007813 15.285156 22.03125 15.375 22.03125 C 15.542969 22.03125 15.609375 21.960938 15.625 21.9375 C 15.664063 21.886719 15.6875 21.769531 15.6875 21.53125 L 15.6875 17.84375 C 15.6875 17.640625 15.667969 17.472656 15.59375 17.375 C 15.519531 17.277344 15.402344 17.222656 15.25 17.25 Z M 20.1875 17.28125 C 20.027344 17.28125 19.910156 17.316406 19.84375 17.40625 C 19.796875 17.472656 19.75 17.636719 19.75 17.96875 L 19.75 18.53125 L 20.59375 18.53125 L 20.59375 17.96875 C 20.59375 17.640625 20.550781 17.480469 20.5 17.40625 C 20.4375 17.320313 20.339844 17.28125 20.1875 17.28125 Z' stroke-linecap='round' /%3E%3C/g%3E%3C/svg%3E"); } .icon-github::before { //-webkit-mask-image: url("data:image/svg+xml;utf8, "); -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='24' height='24' stroke='none' fill='%23000000' opacity='0'/%3E%3Cg transform='matrix(0.83 0 0 0.83 12 12)' %3E%3Cpath style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;' transform=' translate(-15, -14.82)' d='M 15 3 C 8.373 3 3 8.373 3 15 C 3 20.623 6.872 25.328 12.092 26.630000000000003 C 12.036 26.468 12 26.28 12 26.047 L 12 23.996000000000002 C 11.513 23.996000000000002 10.697 23.996000000000002 10.492 23.996000000000002 C 9.671000000000001 23.996000000000002 8.941 23.643 8.587000000000002 22.987000000000002 C 8.194 22.258000000000003 8.126000000000001 21.143 7.152000000000001 20.461000000000002 C 6.863000000000001 20.234 7.083000000000001 19.975 7.416000000000001 20.01 C 8.031 20.184 8.541 20.606 9.021 21.232000000000003 C 9.499 21.859 9.724 22.001 10.617 22.001 C 11.05 22.001 11.698 21.976000000000003 12.308000000000002 21.880000000000003 C 12.636000000000001 21.047000000000004 13.203000000000001 20.28 13.896 19.918000000000003 C 9.9 19.507 7.993000000000001 17.519000000000002 7.993000000000001 14.820000000000004 C 7.993000000000001 13.658000000000005 8.488000000000001 12.534000000000004 9.329 11.587000000000003 C 9.053 10.647 8.706 8.73 9.435 8 C 11.233 8 12.32 9.166 12.581 9.481 C 13.477 9.174 14.461 9 15.495 9 C 16.531 9 17.519 9.174 18.416999999999998 9.483 C 18.675 9.17 19.763 8 21.565 8 C 22.297 8.731 21.946 10.656 21.667 11.594 C 22.503 12.539 22.995 13.66 22.995 14.82 C 22.995 17.517 21.091 19.504 17.101 19.917 C 18.199 20.49 19 22.1 19 23.313 L 19 26.046999999999997 C 19 26.150999999999996 18.977 26.225999999999996 18.965 26.314999999999998 C 23.641 24.676 27 20.236 27 15 C 27 8.373 21.627 3 15 3 z' stroke-linecap='round' /%3E%3C/g%3E%3C/svg%3E"); } .icon-github-fork::before { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } .icon-github-follow::before { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } .icon-github-star::before { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } /*-- /ICONS --*/ /*-- DOWNLOAD LINKS --*/ .links-container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.4em; } [class^='button'], [class*=' button'] { font-size: 1em; --icon-size: 1.5em; --background-hover: var(--background); display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; max-width: 80%; text-align: center; text-decoration: none; color: var(--background); background-color: var(--accent); padding: 0.7em 0; border-radius: 0.5em; border: 0 none; min-width: 12em; box-shadow: var(--shadow-md); border-radius: var(--radius-lg); font-family: var(--font-secondary); -webkit-box-align: center; -webkit-box-pack: center; cursor: pointer; border: 0 solid #e5e7eb; padding-left: 1em; padding-right: 1em; line-height: 1.5; } .button-important { background: #ffdf40; --background: #6a1900; color: #6a1900; cursor: pointer; font-weight: bold; text-transform: uppercase; background: #ffd500; border-bottom: 4px solid #ce7c00; } .button:hover { color: var(--background); } .button::before { margin-right: 0.3em; } .button-important::before { margin-right: 0.4em; } /*-- /DOWNLOAD LINKS --*/ /*-- SOCIAL LINKS --*/ .sr-only, .social-link span { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; margin: -1px; padding: 0; position: absolute; width: 1px; white-space: nowrap; } .social-link { --icon-size: 24px; --background-hover: var(--link-hover); } /*-- /SOCIAL LINKS --*/ /*-- FOOTER --*/ .footer { position: relative; background-color: #272b30; display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; gap: 2em; margin-top: 4em; padding: 2em; font-size: 0.9em; } /*-- /FOOTER --*/ /*-- LITTLE VERSION NUMBER --*/ .version { font-family: monospace; color: #737373; position: absolute; bottom: 0.3em; right: 0.3em; font-size: 0.7em; } /*-- /LITTLE VERSION NUMBER --*/ /*-- GITHUB RIBBON --*/ #github-ribbon { width: 100%; } #github-ribbon a { display: block; background-color: #000; color: #fff; text-decoration: none; font-family: arial, sans-serif; text-align: center; font-weight: bold; padding: 5px 40px; font-size: 1rem; line-height: 2rem; position: relative; transition: background-color 0.5s, color 0.5s; } #github-ribbon a:hover { background-color: #c11; color: #fff; } #github-ribbon a::before, #github-ribbon a::after { content: ''; width: 100%; display: block; position: absolute; top: 1px; left: 0; height: 1px; background: #fff; } #github-ribbon a::after { bottom: 1px; top: auto; } @media screen and (min-width: 40em) { #github-ribbon { position: absolute; display: block; top: 0; right: 0; width: 200px; overflow: hidden; height: 200px; z-index: 9999; } #github-ribbon a { width: 200px; position: absolute; top: 60px; right: -60px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8); } } /*-- /GITHUB RIBBON --*/ /*-- GITHUB LINKS --*/ .github-links { display: flex; gap: 0.2em; } .github-link { --text-color: #24292f; --icon-size: 16px; display: flex; flex-direction: row; gap: 0.15em; justify-content: center; align-items: center; align-content: center; white-space: nowrap; font-weight: 600; cursor: pointer; padding: 5px 10px; font-size: 12px; color: var(--text-color); background-color: #ebf0f4; border-radius: 0.25em; background-image: linear-gradient(180deg, #f6f8fa, #ebf0f4 90%); user-select: none; background-repeat: repeat-x; background-position: -1px -1px; background-size: 110% 110%; border: 1px solid #ccd1d5; text-decoration: none; outline: 0; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; --background-hover: var(--link-hover); } .github-link:hover { background-color: #e9ebef; background-position: 0 -0.5em; border-color: rgba(27, 31, 36, 0.15); } .github-link::before { position: relative; top: -1px; margin-right: 0.2em; background-color: var(--text-color); } /*-- /GITHUB LINKS --*/ /*-- DEMO LINKS --*/ .demos-container { margin-top: var(--size-2); background: none; box-shadow: none; padding: 0; } .demos-list { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: var(--size-4); row-gap: var(--size-4); } .demo-card { background: white; box-shadow: var(--shadow-md); border-radius: var(--radius-lg); overflow: hidden; display: flex; flex-direction: column; -moz-box-pack: justify; justify-content: space-between; position: relative; } .demo-card > a { display: block; position: relative; aspect-ratio: 16 / 9; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .demo-description { padding: var(--size-4); font-size: var(--font-size-00); } .demo-description > a { color: inherit; text-decoration: inherit; } .demo-card h2 { color: var(--text-headings); font-family: var(--font-secondary); font-weight: 700; font-size: var(--font-size-2); line-height: 1.15em; } .demo-link-hidden { display: none; } .demos-list-search { width: 100%; font-size: 1em; padding: 0.5em 0.5em 0.5em 2em; border: 1px solid black; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M13 3C7.489 3 3 7.489 3 13s4.489 10 10 10a9.947 9.947 0 0 0 6.322-2.264l5.971 5.971a1 1 0 1 0 1.414-1.414l-5.97-5.97A9.947 9.947 0 0 0 23 13c0-5.511-4.489-10-10-10zm0 2c4.43 0 8 3.57 8 8s-3.57 8-8 8-8-3.57-8-8 3.57-8 8-8z' style='stroke:none;stroke-width:1;stroke-dasharray:none;stroke-linecap:butt;stroke-dashoffset:0;stroke-linejoin:miter;stroke-miterlimit:4;fill:%23000;fill-rule:nonzero;opacity:1' transform='matrix(.83 0 0 .83 -.458 -.458)'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 0.5em 50%; margin-bottom: 1em; } .demo-tags span { font-size: 0.9em; background: #ffd500; padding: 0.3em; border-radius: 0.2em; height: 0.9em; line-break: 0.9em; cursor: pointer; } .demo-tags span::before { content: '@'; color: #fff5c2; } /*-- /DEMO LINKS --*/ /*-- MOBILE STYLES --*/ @media all and (max-width: 40rem) { footer .site-link { width: 100%; text-align: center; } .play-area.container { display: none; } .header .title { font-size: 1.5em; } .site-navigation a::after { content: none; } .site-navigation { font-size: 0.8em; display: flex; flex-direction: column; align-items: center; justify-content: center; } .container { margin: 1em 0; padding: 0.5em; } .demos-list { grid-template-columns: none; } } #github-ribbon { width: 100%; } #github-ribbon a { display: block; } /*-- /MOBILE STYLES --*/