1+ header .svelte-1u9z1tp .svelte-1u9z1tp {display : flex;justify-content : space-between}.corner .svelte-1u9z1tp .svelte-1u9z1tp {width : 3em ;height : 3em }.corner .svelte-1u9z1tp a .svelte-1u9z1tp {display : flex;align-items : center;justify-content : center;width : 100% ;height : 100% }.corner .svelte-1u9z1tp img .svelte-1u9z1tp {width : 2em ;height : 2em ;object-fit : contain}nav .svelte-1u9z1tp .svelte-1u9z1tp {display : flex;justify-content : center;--background : rgba (255 , 255 , 255 , 0.7 )}svg .svelte-1u9z1tp .svelte-1u9z1tp {width : 2em ;height : 3em ;display : block}path .svelte-1u9z1tp .svelte-1u9z1tp {fill : var (--background )}ul .svelte-1u9z1tp .svelte-1u9z1tp {position : relative;padding : 0 ;margin : 0 ;height : 3em ;display : flex;justify-content : center;align-items : center;list-style : none;background : var (--background );background-size : contain}li .svelte-1u9z1tp .svelte-1u9z1tp {position : relative;height : 100% }li [aria-current = 'page' ].svelte-1u9z1tp .svelte-1u9z1tp ::before {--size : 6px ;content : '' ;width : 0 ;height : 0 ;position : absolute;top : 0 ;left : calc (50% - var (--size ));border : var (--size ) solid transparent;border-top : var (--size ) solid var (--color-theme-1 )}nav .svelte-1u9z1tp a .svelte-1u9z1tp {display : flex;height : 100% ;align-items : center;padding : 0 0.5rem ;color : var (--color-text );font-weight : 700 ;font-size : 0.8rem ;text-transform : uppercase;letter-spacing : 0.1em ;text-decoration : none;transition : color 0.2s linear}a .svelte-1u9z1tp .svelte-1u9z1tp : hover {color : var (--color-theme-1 )}/* fira-mono-cyrillic-ext-400-normal*/
2+ @font-face {
3+ font-family : 'Fira Mono' ;
4+ font-style : normal;
5+ font-display : swap;
6+ font-weight : 400 ;
7+ src : url ('./fira-mono-cyrillic-ext-400-normal-3df7909e.woff2' ) format ('woff2' ), url ('./fira-mono-all-400-normal-1e3b098c.woff' ) format ('woff' );
8+ unicode-range : U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
9+ }
10+ /* fira-mono-cyrillic-400-normal*/
11+ @font-face {
12+ font-family : 'Fira Mono' ;
13+ font-style : normal;
14+ font-display : swap;
15+ font-weight : 400 ;
16+ src : url ('./fira-mono-cyrillic-400-normal-c7d433fd.woff2' ) format ('woff2' ), url ('./fira-mono-all-400-normal-1e3b098c.woff' ) format ('woff' );
17+ unicode-range : U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
18+ }
19+ /* fira-mono-greek-ext-400-normal*/
20+ @font-face {
21+ font-family : 'Fira Mono' ;
22+ font-style : normal;
23+ font-display : swap;
24+ font-weight : 400 ;
25+ src : url ('./fira-mono-greek-ext-400-normal-9e2fe623.woff2' ) format ('woff2' ), url ('./fira-mono-all-400-normal-1e3b098c.woff' ) format ('woff' );
26+ unicode-range : U+1F00-1FFF;
27+ }
28+ /* fira-mono-greek-400-normal*/
29+ @font-face {
30+ font-family : 'Fira Mono' ;
31+ font-style : normal;
32+ font-display : swap;
33+ font-weight : 400 ;
34+ src : url ('./fira-mono-greek-400-normal-a8be01ce.woff2' ) format ('woff2' ), url ('./fira-mono-all-400-normal-1e3b098c.woff' ) format ('woff' );
35+ unicode-range : U+0370-03FF;
36+ }
37+ /* fira-mono-latin-ext-400-normal*/
38+ @font-face {
39+ font-family : 'Fira Mono' ;
40+ font-style : normal;
41+ font-display : swap;
42+ font-weight : 400 ;
43+ src : url ('./fira-mono-latin-ext-400-normal-6bfabd30.woff2' ) format ('woff2' ), url ('./fira-mono-all-400-normal-1e3b098c.woff' ) format ('woff' );
44+ unicode-range : U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
45+ }
46+ /* fira-mono-latin-400-normal*/
47+ @font-face {
48+ font-family : 'Fira Mono' ;
49+ font-style : normal;
50+ font-display : swap;
51+ font-weight : 400 ;
52+ src : url ('./fira-mono-latin-400-normal-e43b3538.woff2' ) format ('woff2' ), url ('./fira-mono-all-400-normal-1e3b098c.woff' ) format ('woff' );
53+ unicode-range : U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
54+ }
55+ : root {
56+ --font-body : Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI' , Roboto, Oxygen, Ubuntu,
57+ Cantarell, 'Open Sans' , 'Helvetica Neue' , sans-serif;
58+ --font-mono : 'Fira Mono' , monospace;
59+ --color-bg-0 : rgb (202 , 216 , 228 );
60+ --color-bg-1 : hsl (209 , 36% , 86% );
61+ --color-bg-2 : hsl (224 , 44% , 95% );
62+ --color-theme-1 : # ff3e00 ;
63+ --color-theme-2 : # 4075a6 ;
64+ --color-text : rgba (0 , 0 , 0 , 0.7 );
65+ --column-width : 42rem ;
66+ --column-margin-top : 4rem ;
67+ font-family : var (--font-body );
68+ color : var (--color-text );
69+ }
70+ body {
71+ min-height : 100vh ;
72+ margin : 0 ;
73+ background-attachment : fixed;
74+ background-color : var (--color-bg-1 );
75+ background-size : 100vw 100vh ;
76+ background-image : radial-gradient (
77+ 50% 50% at 50% 50% ,
78+ rgba (255 , 255 , 255 , 0.75 ) 0% ,
79+ rgba (255 , 255 , 255 , 0 ) 100%
80+ ),
81+ linear-gradient (180deg , var (--color-bg-0 ) 0% , var (--color-bg-1 ) 15% , var (--color-bg-2 ) 50% );
82+ }
83+ h1 ,
84+ h2 ,
85+ p {
86+ font-weight : 400 ;
87+ }
88+ p {
89+ line-height : 1.5 ;
90+ }
91+ a {
92+ color : var (--color-theme-1 );
93+ text-decoration : none;
94+ }
95+ a : hover {
96+ text-decoration : underline;
97+ }
98+ h1 {
99+ font-size : 2rem ;
100+ text-align : center;
101+ }
102+ h2 {
103+ font-size : 1rem ;
104+ }
105+ pre {
106+ font-size : 16px ;
107+ font-family : var (--font-mono );
108+ background-color : rgba (255 , 255 , 255 , 0.45 );
109+ border-radius : 3px ;
110+ box-shadow : 2px 2px 6px rgb (255 255 255 / 25% );
111+ padding : 0.5em ;
112+ overflow-x : auto;
113+ color : var (--color-text );
114+ }
115+ .text-column {
116+ display : flex;
117+ max-width : 48rem ;
118+ flex : 0.6 ;
119+ flex-direction : column;
120+ justify-content : center;
121+ margin : 0 auto;
122+ }
123+ input ,
124+ button {
125+ font-size : inherit;
126+ font-family : inherit;
127+ }
128+ button : focus : not (: focus-visible ) {
129+ outline : none;
130+ }
131+ @media (min-width : 720px ) {
132+ h1 {
133+ font-size : 2.4rem ;
134+ }
135+ }
136+ .visually-hidden {
137+ border : 0 ;
138+ clip : rect (0 0 0 0 );
139+ height : auto;
140+ margin : 0 ;
141+ overflow : hidden;
142+ padding : 0 ;
143+ position : absolute;
144+ width : 1px ;
145+ white-space : nowrap;
146+ }
147+ .app .svelte-8o1gnw .svelte-8o1gnw {display : flex;flex-direction : column;min-height : 100vh }main .svelte-8o1gnw .svelte-8o1gnw {flex : 1 ;display : flex;flex-direction : column;padding : 1rem ;width : 100% ;max-width : 64rem ;margin : 0 auto;box-sizing : border-box}footer .svelte-8o1gnw .svelte-8o1gnw {display : flex;flex-direction : column;justify-content : center;align-items : center;padding : 12px }footer .svelte-8o1gnw a .svelte-8o1gnw {font-weight : bold}@media (min-width : 480px ){footer .svelte-8o1gnw .svelte-8o1gnw {padding : 12px 0 }}
0 commit comments