1
:root{--sans: system-ui, sans-serif;--titl: system-ui, sans-serif;--mono: ui-monospace, monospace;--thin: 300;--norm: 400;--semi: 500;--bold: 600;--content-min: 360px;--content-max: 1280px;--content: 94%;--margin: 3%;--scrollbar-width: 4px;--down: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjY0NiA0LjY0NmEuNS41IDAgMCAxIC43MDggMEw4IDEwLjI5M2w1LjY0Ni01LjY0N2EuNS41IDAgMCAxIC43MDguNzA4bC02IDZhLjUuNSAwIDAgMS0uNzA4IDBsLTYtNmEuNS41IDAgMCAxIDAtLjcwOHoiLz4KPC9zdmc+Cg==);--hh: 56px;--mw: 300px;--bg: #fff;--text: #123;--menu-bg: #806020;--menu-text: #fff;--backdrop: #80602080;--thumb: #80602080}
2
@media(prefers-reduced-motion: no-preference){:has(:target){scroll-behavior:smooth}
3
}
4
::-webkit-input-placeholder{font-weight:var(--thin);opacity:.67}
5
::-moz-placeholder{font-weight:var(--thin);opacity:.67}
6
:-ms-input-placeholder{font-weight:var(--thin);opacity:.67}
7
::-ms-input-placeholder{font-weight:var(--thin);opacity:.67}
8
::placeholder{font-weight:var(--thin);opacity:.67}
9
.line-clamp{overflow:hidden;display:-webkit-box;
Property or at-rule is vendor specific.
-webkit-box-orient
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 9 CSS Validation
-webkit-box-orient:vertical;
Property or at-rule is vendor specific.
-webkit-line-clamp
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 9 CSS Validation
-webkit-line-clamp:var(--ln, 4);
height:calc(var(--ln, 4)*1lh)}
10
.content{width:var(--content);margin-right:auto;margin-left:auto}
11
.content.bg{
The CSS
color-mix()
function is not supported by all browsers.
Use a fallback like color: #99f8ff; color: color-mix(in srgb, #34c9eb 50%, white);
to provide a value in browsers that don't support color-mix()
.
background-color:color-mix(in srgb, var(--bg) 70%, transparent);
Property or at-rule is vendor specific.
-webkit-box-shadow
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 11 CSS Validation
-webkit-box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667); box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667);border-radius:4px}
12
.content.bg2{
The CSS
color-mix()
function is not supported by all browsers.
Use a fallback like color: #99f8ff; color: color-mix(in srgb, #34c9eb 50%, white);
to provide a value in browsers that don't support color-mix()
.
background-color:color-mix(in srgb, var(--menu-bg) 90%, transparent);
Property or at-rule is vendor specific.
-webkit-box-shadow
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 12 CSS Validation
-webkit-box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667); box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667)}
13
.content.bg3{background-color:var(--menu-bg);
Property or at-rule is vendor specific.
-webkit-box-shadow
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 13 CSS Validation
-webkit-box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667); box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667)}
14
.content::after{content:"";display:block;clear:both}
15
.content.full-width{width:100%}
16
.content.full-height{height:100%}
17
.content.break-full{width:100%;max-width:unset}
18
@media screen and (min-width: 992px){.content.break-full{width:var(--content);max-width:var(--content-max)}
19
}
20
.content.mobile-full{width:100%}
21
@media screen and (min-width: 768px){.content.mobile-full{width:var(--content)}
22
}
23
.content.tablet-full{width:100%}
24
@media screen and (min-width: 992px){.content.tablet-full{width:var(--content)}
25
}
26
.content.limited{max-width:var(--content-max)}
27
.content.relative{position:relative}
28
.content.pd{width:calc(var(--content) - 4.2em);padding-inline:2.1em;
CSS flow relative
padding-block-
and
padding-inline-
properties are not supported by all browsers.
Use traditional padding properties, in addition to flow relative padding, as a fallback for older browsers.
padding-block:.33em}
29
.content.pd.bg{background-color:var(--bg);
Property or at-rule is vendor specific.
-webkit-box-shadow
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 29 CSS Validation
-webkit-box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667); box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667)}
30
.content.pd.bg2{background-color:var(--menu-bg);
Property or at-rule is vendor specific.
-webkit-box-shadow
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 30 CSS Validation
-webkit-box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667); box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667)}
31
.content.pd.bg3{background-color:#004872;
Property or at-rule is vendor specific.
-webkit-box-shadow
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 31 CSS Validation
-webkit-box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667); box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667)}
32
.content.pd.br{border-radius:.25em}
33
.content.pd.__xs{display:none}
34
@media screen and (min-width: 576px){.content.pd.__xs{display:revert}
35
}
36
*{scrollbar-color:rgba(140,140,140,.75) rgba(225,225,225,.75);scrollbar-width:thin}
37
@supports not (scrollbar-width: thin){* ::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}
38
* ::-webkit-scrollbar-track{background-color:rgba(225,225,225,.75)}
39
* ::-webkit-scrollbar-thumb{background-color:rgba(140,140,140,.5)}
40
* ::-webkit-scrollbar-thumb:hover{background-color:rgba(140,140,140,.75)}
41
* ::-webkit-scrollbar-thumb:active{background-color:rgba(128,128,128,.9)}
42
}
43
a[href],a[onclick],button{
Property or at-rule is vendor specific.
-webkit-transition
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 43 CSS Validation
-webkit-transition:250ms; transition:250ms;cursor:pointer}
44
a[href],a[onclick]{color:inherit;text-decoration:none}
45
a[href].link,a[onclick].link{
Property or at-rule is vendor specific.
-webkit-text-decoration
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 45 CSS Validation
-webkit-text-decoration:underline dotted; text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:2px}
46
a[href].link:hover,a[onclick].link:hover{text-decoration-style:solid}
47
.uline{text-decoration:none;position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content;white-space:nowrap;cursor:pointer;color:inherit}
48
.uline::after{content:"";position:absolute;bottom:var(--lo, -1px);width:0;height:0;right:0;border-style:solid;border-width:0 0 1px 0;color:inherit;
Property or at-rule is vendor specific.
-webkit-transition
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 48 CSS Validation
-webkit-transition:250ms; transition:250ms}
49
.uline:hover{text-decoration:none}
50
.uline:hover::after{left:0;width:100%;right:unset}
51
#toggle{--sh: 2px;--th: 18px;--bg-closed: var(--menu-bg);--bg-open: var(--menu-bg);
Property or at-rule is vendor specific.
-webkit-box-flex
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 51 CSS Validation
-webkit-box-flex:0;
Property or at-rule is vendor specific.
-ms-flex
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 51 CSS Validation
-ms-flex:0 0 calc(var(--th)*1.5); flex:0 0 calc(var(--th)*1.5);width:calc(var(--th)*1.5);position:relative;height:var(--th);
Property or at-rule is vendor specific.
-webkit-user-select
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 51 CSS Validation
-webkit-user-select:none;
Property or at-rule is vendor specific.
-moz-user-select
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 51 CSS Validation
-moz-user-select:none;
Property or at-rule is vendor specific.
-ms-user-select
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 51 CSS Validation
-ms-user-select:none; user-select:none;cursor:pointer;z-index:2;display:block}
52
#toggle span{pointer-events:none;position:absolute;width:100%;height:var(--sh);background-color:var(--bg-closed);
Property or at-rule is vendor specific.
-webkit-transition
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 52 CSS Validation
-webkit-transition:background-color 0s ease 125ms,top 125ms ease 125ms,-webkit-transform 125ms ease 0s; transition:background-color 0s ease 125ms,top 125ms ease 125ms,-webkit-transform 125ms ease 0s;transition:background-color 0s ease 125ms,top 125ms ease 125ms,transform 125ms ease 0s;transition:background-color 0s ease 125ms,top 125ms ease 125ms,transform 125ms ease 0s,-webkit-transform 125ms ease 0s;
Property or at-rule is vendor specific.
-webkit-transform
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 52 CSS Validation
-webkit-transform:rotate(0); transform:rotate(0)}
53
#toggle span:nth-child(1){top:0}
54
#toggle span:nth-child(2){top:calc((var(--th) - var(--sh))/2)}
55
#toggle span:nth-child(3){top:calc(var(--th) - var(--sh))}
Property or at-rule is vendor specific.
@-webkit-keyframes
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 56 CSS Validation
56
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg); transform:rotate(0deg)}
57
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
58
}
59
@keyframes rotate{0%{
Property or at-rule is vendor specific.
-webkit-transform
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 59 CSS Validation
-webkit-transform:rotate(0deg); transform:rotate(0deg)}
60
100%{
Property or at-rule is vendor specific.
-webkit-transform
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 60 CSS Validation
-webkit-transform:rotate(360deg); transform:rotate(360deg)}
61
}
62
.spacer{padding-inline:2vw}
63
.h-spacer{
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
margin-block:4em}
64
.h-spacer.short{
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
CSS flow relative
padding-block-
and
padding-inline-
properties are not supported by all browsers.
Use traditional padding properties, in addition to flow relative padding, as a fallback for older browsers.
margin-inline:auto; max-width:75%}
65
.h-spacer.bold{border-width:2px}
66
.z-1{position:relative;z-index:1}
67
img{display:block;max-width:100%;height:auto;
Use at least a 12-point font on all web pages.
For users over age 65, it may be better to use at least fourteen-point fonts.
Never use less than nine-point font on a Web site.
The following are all smaller than 12 point:
<p style="font-size: 11pt;" >
<p style="font-size: 15px;" >
<p style="font-size: small;" >
<font size="2" >
<font size="-1" >
font-size:14px; font-style:italic;background-repeat:no-repeat;
Property or at-rule is vendor specific.
-o-object-fit
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 67 CSS Validation
-o-object-fit:cover; object-fit:cover}
68
img[data-zoom]{cursor:-webkit-zoom-in;cursor:zoom-in}
69
h1,.title-h1{font-size:1.5em;font-family:var(--titl);
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
margin-block:.67em; color:inherit;line-height:1.1;
Property doesn't exist in CSS.
text-wrap
The property name may be misspelled, vendor specific, or a new CSS property from a draft specification.
Line 69 CSS Validation
text-wrap:balance}
70
h2,.title-h2{font-size:1.4em;font-family:var(--titl);
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
margin-block:.67em; color:inherit;line-height:1.1;
Property doesn't exist in CSS.
text-wrap
The property name may be misspelled, vendor specific, or a new CSS property from a draft specification.
Line 70 CSS Validation
text-wrap:balance}
71
h3,.title-h3{font-size:1.3em;font-family:var(--titl);
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
margin-block:.67em; color:inherit;line-height:1.1;
Property doesn't exist in CSS.
text-wrap
The property name may be misspelled, vendor specific, or a new CSS property from a draft specification.
Line 71 CSS Validation
text-wrap:balance}
72
h4,.title-h4{font-size:1.2em;font-family:var(--titl);
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
margin-block:.67em; color:inherit;line-height:1.1;
Property doesn't exist in CSS.
text-wrap
The property name may be misspelled, vendor specific, or a new CSS property from a draft specification.
Line 72 CSS Validation
text-wrap:balance}
73
h5,.title-h5{font-size:1.1em;font-family:var(--titl);
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
margin-block:.67em; color:inherit;line-height:1.1;
Property doesn't exist in CSS.
text-wrap
The property name may be misspelled, vendor specific, or a new CSS property from a draft specification.
Line 73 CSS Validation
text-wrap:balance}
74
h6,.title-h6{font-size:1em;font-family:var(--titl);
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
margin-block:.67em; color:inherit;line-height:1.1;
Property doesn't exist in CSS.
text-wrap
The property name may be misspelled, vendor specific, or a new CSS property from a draft specification.
Line 74 CSS Validation
text-wrap:balance}
75
.mt-0_0{margin-top:0.0em}
76
.pt-0_0{padding-top:0.0em}
77
.mb-0_0{margin-bottom:0.0em}
78
.pb-0_0{padding-bottom:0.0em}
79
.mt-0_5{margin-top:0.5em}
80
.pt-0_5{padding-top:0.5em}
81
.mb-0_5{margin-bottom:0.5em}
82
.pb-0_5{padding-bottom:0.5em}
83
.mt-1_0{margin-top:1.0em}
84
.pt-1_0{padding-top:1.0em}
85
.mb-1_0{margin-bottom:1.0em}
86
.pb-1_0{padding-bottom:1.0em}
87
.mt-1_5{margin-top:1.5em}
88
.pt-1_5{padding-top:1.5em}
89
.mb-1_5{margin-bottom:1.5em}
90
.pb-1_5{padding-bottom:1.5em}
91
.mt-2_0{margin-top:2.0em}
92
.pt-2_0{padding-top:2.0em}
93
.mb-2_0{margin-bottom:2.0em}
94
.pb-2_0{padding-bottom:2.0em}
95
.mt-2_5{margin-top:2.5em}
96
.pt-2_5{padding-top:2.5em}
97
.mb-2_5{margin-bottom:2.5em}
98
.pb-2_5{padding-bottom:2.5em}
99
.mt-3_0{margin-top:3.0em}
100
.pt-3_0{padding-top:3.0em}
101
.mb-3_0{margin-bottom:3.0em}
102
.pb-3_0{padding-bottom:3.0em}
103
.mt-3_5{margin-top:3.5em}
104
.pt-3_5{padding-top:3.5em}
105
.mb-3_5{margin-bottom:3.5em}
106
.pb-3_5{padding-bottom:3.5em}
107
.mt-4_0{margin-top:4.0em}
108
.pt-4_0{padding-top:4.0em}
109
.mb-4_0{margin-bottom:4.0em}
110
.pb-4_0{padding-bottom:4.0em}
111
.mt-4_5{margin-top:4.5em}
112
.pt-4_5{padding-top:4.5em}
113
.mb-4_5{margin-bottom:4.5em}
114
.pb-4_5{padding-bottom:4.5em}
115
.mt-5_0{margin-top:5.0em}
116
.pt-5_0{padding-top:5.0em}
117
.mb-5_0{margin-bottom:5.0em}
118
.pb-5_0{padding-bottom:5.0em}
119
.mt-5_5{margin-top:5.5em}
120
.pt-5_5{padding-top:5.5em}
121
.mb-5_5{margin-bottom:5.5em}
122
.pb-5_5{padding-bottom:5.5em}
123
.mt-6_0{margin-top:6.0em}
124
.pt-6_0{padding-top:6.0em}
125
.mb-6_0{margin-bottom:6.0em}
126
.pb-6_0{padding-bottom:6.0em}
127
:where(h1,h2,h3,h4,h5,h6){font-weight:500}
128
:where(h1,h2,h3,h4,h5,h6) strong{color:red;font-weight:600 !important}
129
small,.small,sub,sup{font-size:.85em;vertical-align:revert}
130
.thin{font-weight:var(--thin)}
131
.norm{font-weight:var(--norm)}
132
.semi{font-weight:var(--semi)}
133
b,.bold,strong{font-weight:var(--bold)}
134
i,em{font-style:revert}
135
u,s{
Property or at-rule is vendor specific.
-webkit-text-decoration
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 135 CSS Validation
-webkit-text-decoration:revert; text-decoration:revert}
136
.tal{text-align:left}
137
.tac{text-align:center}
138
@media screen and (min-width: 576px){.tac.__xs_left{text-align:left}
139
}
140
@media screen and (min-width: 768px){.tac.__sm_left{text-align:left}
141
}
142
@media screen and (min-width: 992px){.tac.__md_left{text-align:left}
143
}
144
@media screen and (min-width: 1280px){.tac.__lg_left{text-align:left}
145
}
146
@media screen and (min-width: 992px){.tac.__br_left{text-align:left}
147
}
148
@media screen and (min-width: 576px){.tac.__xs_right{text-align:right}
149
}
150
@media screen and (min-width: 768px){.tac.__sm_right{text-align:right}
151
}
152
@media screen and (min-width: 992px){.tac.__md_right{text-align:right}
153
}
154
@media screen and (min-width: 1280px){.tac.__lg_right{text-align:right}
155
}
156
@media screen and (min-width: 992px){.tac.__br_right{text-align:right}
157
}
158
.tar{text-align:right}
159
.taj{text-align:justify}
160
.ucase{text-transform:uppercase}
161
.nowrap{white-space:nowrap}
162
p,li{
Property doesn't exist in CSS.
text-wrap
The property name may be misspelled, vendor specific, or a new CSS property from a draft specification.
Line 162 CSS Validation
text-wrap:pretty;
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
margin-block:.67em}
163
body{position:relative;width:100%;min-width:var(--content-min);font-family:var(--sans);font-weight:var(--norm);line-height:1.33;color:var(--text);
Property or at-rule is vendor specific.
-webkit-font-smoothing
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 163 CSS Validation
-webkit-font-smoothing:antialiased;
Property or at-rule is vendor specific.
-moz-osx-font-smoothing
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 163 CSS Validation
-moz-osx-font-smoothing:grayscale; font-size:clamp(14px,2vw,16px);background-image:url(../img/bg-traveler.webp);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-color:#fff;background-blend-mode:multiply}
164
body.__zoom{overflow:hidden}
165
body.__zoom::before{content:"";position:fixed;inset:0;z-index:100;background-color:var(--backdrop);cursor:url(../img/close.svg) 16 16,auto}
166
body.__zoom::after{content:"";display:block;position:fixed;top:calc(50% - 20px);left:calc(50% - 20px);z-index:101;width:40px;height:40px;border-radius:50%;border:6px dotted;border-color:rgba(0,0,0,0) rgba(255,255,255,.33) rgba(255,255,255,.67) #fff;
Property or at-rule is vendor specific.
-webkit-animation
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 166 CSS Validation
-webkit-animation:rotate 1s infinite linear; animation:rotate 1s infinite linear}
167
body.__menu{overflow:hidden}
168
body.__menu::before{content:"";position:fixed;z-index:10;top:var(--hh);left:0;right:0;bottom:0;background-color:var(--backdrop);cursor:url(../img/close.svg) 16 16,auto}
169
body.__menu #main-menu{translate:0 0}
170
body.__menu #root>header{top:0}
171
body.__menu #root>header::before{opacity:0;visibility:hidden}
172
body.__menu #toggle span{background-color:var(--bg-open)}
173
body.__menu #toggle span:nth-child(2){background-color:rgba(0,0,0,0)}
174
body.__menu #toggle span:nth-child(1),body.__menu #toggle span:nth-child(3){top:calc((var(--th) - var(--sh))/2);
Property or at-rule is vendor specific.
-webkit-transition
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 174 CSS Validation
-webkit-transition:top 125ms ease 0s,-webkit-transform 125ms ease 125ms; transition:top 125ms ease 0s,-webkit-transform 125ms ease 125ms;transition:top 125ms ease 0s,transform 125ms ease 125ms;transition:top 125ms ease 0s,transform 125ms ease 125ms,-webkit-transform 125ms ease 125ms}
175
body.__menu #toggle span:nth-child(1){
Property or at-rule is vendor specific.
-webkit-transform
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 175 CSS Validation
-webkit-transform:rotate(-45deg); transform:rotate(-45deg)}
176
body.__menu #toggle span:nth-child(3){
Property or at-rule is vendor specific.
-webkit-transform
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 176 CSS Validation
-webkit-transform:rotate(45deg); transform:rotate(45deg)}
177
body.__loading::before{content:"";position:fixed;z-index:20;inset:0;background-color:#fff}
178
body.__loading::after{content:"";display:block;position:fixed;top:calc(50% - 20px);left:calc(50% - 20px);z-index:20;width:40px;height:40px;border-radius:50%;border:6px dotted;border-color:rgba(0,0,0,0) rgba(128,96,32,.33) rgba(128,96,32,.67) #806020;
Property or at-rule is vendor specific.
-webkit-animation
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 178 CSS Validation
-webkit-animation:rotate 1s infinite linear; animation:rotate 1s infinite linear}
179
@media screen and (min-width: 992px){body,body.__menu{overflow:auto}
180
body::before,body.__menu::before{content:none}
181
body #toggle,body.__menu #toggle{display:none}
182
}
183
#root{width:100%;min-height:100dvh;display:-webkit-box;display:-ms-flexbox;display:flex;
Property or at-rule is vendor specific.
-webkit-box-orient
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 183 CSS Validation
-webkit-box-orient:vertical;
Property or at-rule is vendor specific.
-webkit-box-direction
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 183 CSS Validation
-webkit-box-direction:normal;
Property or at-rule is vendor specific.
-ms-flex-direction
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 183 CSS Validation
-ms-flex-direction:column; flex-direction:column}
184
#root>header{position:sticky;top:calc(0px - var(--hh));background-color:rgba(0,0,0,0);z-index:20;
Property or at-rule is vendor specific.
-webkit-box-shadow
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 184 CSS Validation
-webkit-box-shadow:0 0 1px var(--menu-bg); box-shadow:0 0 1px var(--menu-bg);
Property or at-rule is vendor specific.
-webkit-transition
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 184 CSS Validation
-webkit-transition:500ms ease-in-out; transition:500ms ease-in-out}
185
#root>header.sticked{top:0;background-color:var(--bg);
Property or at-rule is vendor specific.
-webkit-box-shadow
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 185 CSS Validation
-webkit-box-shadow:0 0 16px var(--menu-bg); box-shadow:0 0 16px var(--menu-bg)}
186
#root>header:hover{top:0}
187
#root>header:hover.sticked::before{opacity:0;visibility:hidden}
188
#root>main{
Property or at-rule is vendor specific.
-webkit-box-flex
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 188 CSS Validation
-webkit-box-flex:1;
Property or at-rule is vendor specific.
-ms-flex
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 188 CSS Validation
-ms-flex:1 1; flex:1 1}
189
#root>footer{position:relative}
190
.layout-header{position:relative;
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
CSS flow relative
padding-block-
and
padding-inline-
properties are not supported by all browsers.
Use traditional padding properties, in addition to flow relative padding, as a fallback for older browsers.
margin-inline:0; display:grid;
Property or at-rule is vendor specific.
-webkit-box-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 190 CSS Validation
-webkit-box-align:center;
Property or at-rule is vendor specific.
-ms-flex-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 190 CSS Validation
-ms-flex-align:center; align-items:center;gap:20px;height:var(--hh);grid-template-columns:78px 1fr auto auto}
191
@media screen and (min-width: 992px){.layout-header{grid-template-columns:auto 1fr auto auto}
192
}
193
.logo{position:relative;
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
CSS flow relative
padding-block-
and
padding-inline-
properties are not supported by all browsers.
Use traditional padding properties, in addition to flow relative padding, as a fallback for older browsers.
margin-inline:auto; border:1px solid var(--menu-bg);border-radius:.25em;overflow:hidden;display:inline-grid;grid-template-columns:auto auto;
Property or at-rule is vendor specific.
-webkit-box-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 193 CSS Validation
-webkit-box-align:center;
Property or at-rule is vendor specific.
-ms-flex-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 193 CSS Validation
-ms-flex-align:center; align-items:center;background-color:var(--bg);
Property or at-rule is vendor specific.
-webkit-transition
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 193 CSS Validation
-webkit-transition:250ms linear 250ms; transition:250ms linear 250ms}
194
.logo span{
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
CSS flow relative
padding-block-
and
padding-inline-
properties are not supported by all browsers.
Use traditional padding properties, in addition to flow relative padding, as a fallback for older browsers.
margin-inline:8px; color:var(--menu-bg);
Use at least a 12-point font on all web pages.
For users over age 65, it may be better to use at least fourteen-point fonts.
Never use less than nine-point font on a Web site.
The following are all smaller than 12 point:
<p style="font-size: 11pt;" >
<p style="font-size: 15px;" >
<p style="font-size: small;" >
<font size="2" >
<font size="-1" >
font-size:12px; font-weight:900}
195
.logo a[title]{position:absolute;inset:0;opacity:0}
196
.logo:hover{
Property or at-rule is vendor specific.
-webkit-box-shadow
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 196 CSS Validation
-webkit-box-shadow:0 0 10px -1px var(--backdrop); box-shadow:0 0 10px -1px var(--backdrop)}
197
.search:focus-within form{opacity:1;visibility:visible}
198
.search>img,.search>svg{cursor:pointer}
199
.search form{position:absolute;z-index:10;top:100%;width:300px;right:0;padding:5px 0 5px 5px;display:inline-grid;grid-template-columns:1fr 34px;overflow:hidden;
The CSS
color-mix()
function is not supported by all browsers.
Use a fallback like color: #99f8ff; color: color-mix(in srgb, #34c9eb 50%, white);
to provide a value in browsers that don't support color-mix()
.
background-color:color-mix(in srgb, var(--menu-bg) 90%, transparent); visibility:hidden;opacity:0;
Property or at-rule is vendor specific.
-webkit-transition
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 199 CSS Validation
-webkit-transition:250ms; transition:250ms;border-radius:.33em}
200
.search form input{padding:0 10px;width:100%;border:none;outline:none;
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
margin-inline:auto;
Use at least a 12-point font on all web pages.
For users over age 65, it may be better to use at least fourteen-point fonts.
Never use less than nine-point font on a Web site.
The following are all smaller than 12 point:
<p style="font-size: 11pt;" >
<p style="font-size: 15px;" >
<p style="font-size: small;" >
<font size="2" >
<font size="-1" >
font-size:13px; line-height:28px;font-weight:var(--semi);background-color:var(--menu-text);color:var(--menu-bg);border-radius:.25em}
201
.search form button{border:none;padding:0;margin:0;background-color:rgba(0,0,0,0);border-radius:0 .25em .25em 0}
202
.search form button::before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IndoaXRlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xMS43NDIgMTAuMzQ0YTYuNSA2LjUgMCAxIDAtMS4zOTcgMS4zOThoLS4wMDFxLjA0NC4wNi4wOTguMTE1bDMuODUgMy44NWExIDEgMCAwIDAgMS40MTUtMS40MTRsLTMuODUtMy44NWExIDEgMCAwIDAtLjExNS0uMXpNMTIgNi41YTUuNSA1LjUgMCAxIDEtMTEgMCA1LjUgNS41IDAgMCAxIDExIDAiLz4KPC9zdmc+);display:inline-block;width:20px;height:20px;padding:4px}
203
.langs{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;
Property or at-rule is vendor specific.
-webkit-box-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 203 CSS Validation
-webkit-box-align:end;
Property or at-rule is vendor specific.
-ms-flex-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 203 CSS Validation
-ms-flex-align:end; align-items:flex-end;gap:1px;justify-self:end;color:var(--menu-bg)}
204
.langs::after{content:url(../img/globe.svg);width:24px;height:24px;cursor:pointer}
205
.langs::before{content:attr(data-lang);text-transform:inherit;
Use at least a 12-point font on all web pages.
For users over age 65, it may be better to use at least fourteen-point fonts.
Never use less than nine-point font on a Web site.
The following are all smaller than 12 point:
<p style="font-size: 11pt;" >
<p style="font-size: 15px;" >
<p style="font-size: small;" >
<font size="2" >
<font size="-1" >
font-size:10px; font-weight:var(--bold);text-transform:uppercase}
206
.langs ul{display:block;margin:0;padding:0 20px;position:absolute;z-index:10;top:calc(100% + 10px);right:0;list-style:none;
Use at least a 12-point font on all web pages.
For users over age 65, it may be better to use at least fourteen-point fonts.
Never use less than nine-point font on a Web site.
The following are all smaller than 12 point:
<p style="font-size: 11pt;" >
<p style="font-size: 15px;" >
<p style="font-size: small;" >
<font size="2" >
<font size="-1" >
font-size:14px; font-weight:var(--semi);
The CSS
color-mix()
function is not supported by all browsers.
Use a fallback like color: #99f8ff; color: color-mix(in srgb, #34c9eb 50%, white);
to provide a value in browsers that don't support color-mix()
.
background-color:color-mix(in srgb, var(--menu-bg) 90%, transparent); color:var(--menu-text);
Property or at-rule is vendor specific.
-webkit-box-shadow
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 206 CSS Validation
-webkit-box-shadow:0 2px 6px -1px var(--backdrop); box-shadow:0 2px 6px -1px var(--backdrop);border-radius:4px;
Property or at-rule is vendor specific.
-webkit-transition
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 206 CSS Validation
-webkit-transition:250ms cubic-bezier(0.5, -0.25, 0.5, 1.25) 250ms; transition:250ms cubic-bezier(0.5, -0.25, 0.5, 1.25) 250ms;visibility:hidden;opacity:0;translate:0 15px}
207
.langs ul::after{content:"";position:absolute;top:-10px;left:0;width:100%;height:10px}
208
.langs ul::before{position:absolute;top:-10px;right:10px;content:"";display:inline-block;width:10px;height:10px;border:5px solid;border-color:rgba(0,0,0,0) color-mix(in srgb, var(--menu-bg) 90%, transparent) color-mix(in srgb, var(--menu-bg) 90%, transparent) rgba(0,0,0,0);
Property or at-rule is vendor specific.
-webkit-box-sizing
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 208 CSS Validation
-webkit-box-sizing:border-box; box-sizing:border-box}
209
.langs ul li{text-align:right;
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
margin-block:1em}
210
.langs ul li span{opacity:.5;pointer-events:none}
211
.langs:hover ul{visibility:visible;opacity:1;translate:0 0}
212
.content-area{
CSS flow relative
padding-block-
and
padding-inline-
properties are not supported by all browsers.
Use traditional padding properties, in addition to flow relative padding, as a fallback for older browsers.
padding-block:1em;
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
CSS flow relative
padding-block-
and
padding-inline-
properties are not supported by all browsers.
Use traditional padding properties, in addition to flow relative padding, as a fallback for older browsers.
margin-inline:2em; position:relative}
213
#main-menu{position:fixed;z-index:10;top:var(--hh);left:0;bottom:0;width:var(--mw);
The CSS
color-mix()
function is not supported by all browsers.
Use a fallback like color: #99f8ff; color: color-mix(in srgb, #34c9eb 50%, white);
to provide a value in browsers that don't support color-mix()
.
background-color:color-mix(in srgb, var(--menu-bg) 90%, transparent); color:var(--menu-text);
Use at least a 12-point font on all web pages.
For users over age 65, it may be better to use at least fourteen-point fonts.
Never use less than nine-point font on a Web site.
The following are all smaller than 12 point:
<p style="font-size: 11pt;" >
<p style="font-size: 15px;" >
<p style="font-size: small;" >
<font size="2" >
<font size="-1" >
font-size:14px; line-height:1;font-weight:var(--semi);
Property or at-rule is vendor specific.
-webkit-transition
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 213 CSS Validation
-webkit-transition:250ms; transition:250ms;translate:-100% 0;overflow:hidden auto;border-right:1px solid rgba(255,255,255,.2666666667)}
214
#main-menu ul{padding:15px 5px 5px 20px;margin:0;list-style:none}
215
#main-menu ul li{position:relative;margin:0}
216
#main-menu ul li a,#main-menu ul li span{display:inline-block;width:auto;padding:14px 0}
217
#main-menu ul li.parent{padding-right:24px}
218
#main-menu ul li.parent>a,#main-menu ul li.parent>span{text-transform:uppercase}
219
#main-menu ul li.parent::after{content:"";position:absolute;top:16px;right:8px;display:inline-block;width:8px;height:8px;border-style:solid;border-color:var(--menu-text);border-width:1px 1px 0 0;rotate:45deg}
220
#main-menu ul li.parent:focus-within::after{top:14px;rotate:135deg}
221
#main-menu ul li.parent:focus-within ul{max-height:300px}
222
#main-menu ul li.parent ul{display:block;padding:5px 0 5px 15px;font-weight:var(--norm);
Property or at-rule is vendor specific.
-webkit-transition
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 222 CSS Validation
-webkit-transition:250ms cubic-bezier(0.5, -0.25, 0.5, 1.25); transition:250ms cubic-bezier(0.5, -0.25, 0.5, 1.25);max-height:0;overflow:hidden}
223
@media screen and (min-width: 992px){#main-menu{z-index:9;translate:0 0;position:relative;top:unset;bottom:unset;border:none;width:100%;background-color:rgba(0,0,0,0);color:var(--menu-bg);overflow:revert}
224
#main-menu ul{padding:0;width:var(--content);max-width:var(--content-max);
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
margin-inline:auto; display:-webkit-box;display:-ms-flexbox;display:flex;
Property or at-rule is vendor specific.
-webkit-box-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 224 CSS Validation
-webkit-box-align:center;
Property or at-rule is vendor specific.
-ms-flex-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 224 CSS Validation
-ms-flex-align:center; align-items:center;
Property or at-rule is vendor specific.
-webkit-box-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 224 CSS Validation
-webkit-box-pack:center;
Property or at-rule is vendor specific.
-ms-flex-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 224 CSS Validation
-ms-flex-pack:center; justify-content:center;gap:15px}
225
#main-menu ul li.parent{padding:0}
226
#main-menu ul li.parent::after{content:none}
227
#main-menu ul li.parent a,#main-menu ul li.parent span{width:100%;padding:10px 0}
228
#main-menu ul li.parent ul{position:relative;overflow:unset;max-width:unset;max-height:unset;width:-webkit-max-content;width:-moz-max-content;width:max-content;position:absolute;padding:10px 20px;top:100%;font-weight:var(--norm);color:var(--menu-text);
The CSS
color-mix()
function is not supported by all browsers.
Use a fallback like color: #99f8ff; color: color-mix(in srgb, #34c9eb 50%, white);
to provide a value in browsers that don't support color-mix()
.
background-color:color-mix(in srgb, var(--menu-bg) 90%, transparent); opacity:0;visibility:hidden;translate:0 15px;
Property or at-rule is vendor specific.
-webkit-transition
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 228 CSS Validation
-webkit-transition:250ms cubic-bezier(0.5, -0.25, 0.5, 1.25) 250ms; transition:250ms cubic-bezier(0.5, -0.25, 0.5, 1.25) 250ms;
Property or at-rule is vendor specific.
-webkit-box-shadow
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 228 CSS Validation
-webkit-box-shadow:0 2px 6px -1px var(--backdrop); box-shadow:0 2px 6px -1px var(--backdrop);border-radius:4px}
229
#main-menu ul li.parent ul::after{content:"";display:block;position:absolute;top:-10px;left:10px;width:10px;height:10px;border:5px solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) color-mix(in srgb, var(--menu-bg) 90%, transparent) color-mix(in srgb, var(--menu-bg) 90%, transparent);
Property or at-rule is vendor specific.
-webkit-box-sizing
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 229 CSS Validation
-webkit-box-sizing:border-box; box-sizing:border-box}
230
#main-menu ul li.parent:hover ul{opacity:1;visibility:visible;translate:0 0;max-height:unset}
231
#main-menu ul li:focus-within ul{max-height:unset}
232
}
233
.breadcrumb{padding:0;margin:0;list-style:none;display:inline;
Use at least a 12-point font on all web pages.
For users over age 65, it may be better to use at least fourteen-point fonts.
Never use less than nine-point font on a Web site.
The following are all smaller than 12 point:
<p style="font-size: 11pt;" >
<p style="font-size: 15px;" >
<p style="font-size: small;" >
<font size="2" >
<font size="-1" >
font-size:12px; color:var(--menu-bg)}
234
.breadcrumb li{display:inline;line-height:1}
235
.breadcrumb li:not(:first-of-type)::before{content:"»";
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
CSS flow relative
padding-block-
and
padding-inline-
properties are not supported by all browsers.
Use traditional padding properties, in addition to flow relative padding, as a fallback for older browsers.
margin-inline:5px}
236
.breadcrumb li a{font-weight:500;
Property or at-rule is vendor specific.
-webkit-text-decoration
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 236 CSS Validation
-webkit-text-decoration:underline dotted; text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:1px}
237
.breadcrumb li a:hover{text-decoration-style:solid}
238
.breadcrumb li span span{font-weight:300}
239
.img-container{padding:0;margin:0 auto;display:grid;max-width:700px;overflow:hidden}
240
.img-container.__center{
Property or at-rule is vendor specific.
-webkit-box-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 240 CSS Validation
-webkit-box-pack:center;
Property or at-rule is vendor specific.
-ms-flex-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 240 CSS Validation
-ms-flex-pack:center; justify-content:center}
241
.img-container.__right{
Property or at-rule is vendor specific.
-webkit-box-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 241 CSS Validation
-webkit-box-pack:end;
Property or at-rule is vendor specific.
-ms-flex-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 241 CSS Validation
-ms-flex-pack:end; justify-content:end}
242
.img-container.__full img{width:100%}
243
.img-container img{
Property or at-rule is vendor specific.
-webkit-transition
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 243 CSS Validation
-webkit-transition:2s ease 200ms; transition:2s ease 200ms;
Property or at-rule is vendor specific.
-webkit-box-shadow
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 243 CSS Validation
-webkit-box-shadow:0 5px 15px -5px rgba(0,0,0,.3333333333); box-shadow:0 5px 15px -5px rgba(0,0,0,.3333333333)}
244
.img-container:hover img{scale:1.15}
245
#main,#sidebar{position:relative;width:100%;container-type:inline-size}
246
.content-wrapper{display:grid;grid-template-columns:1fr;gap:30px}
247
@media screen and (min-width: 992px){.content-wrapper{grid-template-columns:1fr 200px}
248
}
249
footer{position:relative;color:var(--menu-text);
Use at least a 12-point font on all web pages.
For users over age 65, it may be better to use at least fourteen-point fonts.
Never use less than nine-point font on a Web site.
The following are all smaller than 12 point:
<p style="font-size: 11pt;" >
<p style="font-size: 15px;" >
<p style="font-size: small;" >
<font size="2" >
<font size="-1" >
font-size:clamp(13px,1vw,14px);
The CSS
color-mix()
function is not supported by all browsers.
Use a fallback like color: #99f8ff; color: color-mix(in srgb, #34c9eb 50%, white);
to provide a value in browsers that don't support color-mix()
.
background-color:color-mix(in srgb, var(--menu-bg) 90%, transparent)}
250
footer .content{border-radius:.25em .25em 0 0}
251
footer .layout-footer{padding:0;margin:2em 0 0 0;display:grid;gap:5px 30px;grid-template-columns:1fr}
252
@media screen and (min-width: 480px){footer .layout-footer{grid-template-columns:1fr 1fr}
253
}
254
@media screen and (min-width: 992px){footer .layout-footer{grid-template-columns:1.5fr 1fr 1fr}
255
}
256
footer .layout-footer a,footer .layout-footer span{padding:5px 0;display:inline-block}
257
footer .layout-footer a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
258
footer .layout-footer li{margin:0;list-style:none}
259
footer .layout-footer li>a,footer .layout-footer li>span{text-transform:uppercase}
260
footer .layout-footer li.parent{list-style:none}
261
footer .layout-footer li.parent>a,footer .layout-footer li.parent>span{text-transform:uppercase;font-weight:var(--semi)}
262
footer .layout-footer li.parent.current>span{font-weight:var(--bold)}
263
footer .layout-footer li.parent>ul{display:block;padding:0;margin:0 0 0 18px}
264
footer .layout-footer li.parent>ul li{list-style:outside disc}
265
footer .layout-footer li.parent>ul li.current{font-weight:var(--bold)}
266
footer .layout-footer li.parent>ul li a,footer .layout-footer li.parent>ul li span{text-transform:none;font-weight:var(--norm)}
267
footer .cpr{
The CSS
color-mix()
function is not supported by all browsers.
Use a fallback like color: #99f8ff; color: color-mix(in srgb, #34c9eb 50%, white);
to provide a value in browsers that don't support color-mix()
.
background-color:color-mix(in srgb, var(--menu-bg) 50%, transparent)}
268
footer .cpr .content{border-radius:0}
269
footer .cpr .cpr-info{display:-webkit-box;display:-ms-flexbox;display:flex;
Property or at-rule is vendor specific.
-webkit-box-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 269 CSS Validation
-webkit-box-align:center;
Property or at-rule is vendor specific.
-ms-flex-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 269 CSS Validation
-ms-flex-align:center; align-items:center}
270
footer .cpr .cpr-info img,footer .cpr .cpr-info svg{display:block}
271
.blog-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:2em}
272
.category-card{position:relative;display:grid;gap:.67rem 0;grid-template-rows:auto 1fr auto;
Property or at-rule is vendor specific.
-webkit-box-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 272 CSS Validation
-webkit-box-align:start;
Property or at-rule is vendor specific.
-ms-flex-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 272 CSS Validation
-ms-flex-align:start; align-items:start;border-radius:.25em;
Property or at-rule is vendor specific.
-webkit-box-shadow
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 272 CSS Validation
-webkit-box-shadow:0 0 1px; box-shadow:0 0 1px;overflow:hidden;
Property or at-rule is vendor specific.
-webkit-transition
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 272 CSS Validation
-webkit-transition:500ms 125ms; transition:500ms 125ms;background-color:var(--bg)}
273
.category-card figure{position:relative;margin:0;overflow:hidden;width:100%;aspect-ratio:3/2}
274
.category-card figure img{width:100%;height:100%;
Property or at-rule is vendor specific.
-o-object-fit
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 274 CSS Validation
-o-object-fit:cover; object-fit:cover;
Property or at-rule is vendor specific.
-webkit-transition
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 274 CSS Validation
-webkit-transition:2s ease 200ms; transition:2s ease 200ms}
275
.category-card .line-clamp{--ln: 4;padding-inline:1rem;font-size:.9em;
height:4.1lh}
276
.category-card .title{
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
margin-block:0; padding-inline:1rem;font-weight:500;font-size:clamp(14px,2vw,16px);line-height:1}
277
.category-card a[title]{position:absolute;inset:0}
278
.category-card:hover .title{text-decoration:underline;text-decoration-thickness:1px}
279
.category-card:hover img{scale:1.15}
280
.article-card{position:relative;display:grid;gap:.67rem 0;grid-template-rows:auto 1fr auto;
Property or at-rule is vendor specific.
-webkit-box-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 280 CSS Validation
-webkit-box-align:start;
Property or at-rule is vendor specific.
-ms-flex-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 280 CSS Validation
-ms-flex-align:start; align-items:start;
Property or at-rule is vendor specific.
-webkit-box-shadow
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 280 CSS Validation
-webkit-box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667); box-shadow:0 0 20px -3px rgba(0,0,0,.2666666667);border-radius:.25em;overflow:hidden;
Property or at-rule is vendor specific.
-webkit-transition
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 280 CSS Validation
-webkit-transition:500ms 125ms; transition:500ms 125ms;background-color:var(--bg)}
281
.article-card:hover{
Property or at-rule is vendor specific.
-webkit-box-shadow
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 281 CSS Validation
-webkit-box-shadow:0 2px 20px -4px rgba(0,0,0,.4); box-shadow:0 2px 20px -4px rgba(0,0,0,.4)}
282
.article-card figure{position:relative;margin:0;overflow:hidden;width:100%;aspect-ratio:3/2}
283
.article-card figure img{width:100%;height:100%;
Property or at-rule is vendor specific.
-o-object-fit
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 283 CSS Validation
-o-object-fit:cover; object-fit:cover;
Property or at-rule is vendor specific.
-webkit-transition
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 283 CSS Validation
-webkit-transition:2s ease 200ms; transition:2s ease 200ms}
284
.article-card .line-clamp{padding-inline:1rem;font-size:.9em}
285
.article-card .line-clamp.title{
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
margin-block:0; font-weight:500;font-size:clamp(14px,2vw,16px);line-height:1}
286
.article-card a[title]{position:absolute;inset:0}
287
.article-card:hover .title{text-decoration:underline;text-decoration-thickness:1px}
288
.article-card:hover img{scale:1.15}
289
.article-info{position:relative;z-index:1;padding:0;margin:1em 1.5em;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;
Use at least a 12-point font on all web pages.
For users over age 65, it may be better to use at least fourteen-point fonts.
Never use less than nine-point font on a Web site.
The following are all smaller than 12 point:
<p style="font-size: 11pt;" >
<p style="font-size: 15px;" >
<p style="font-size: small;" >
<font size="2" >
<font size="-1" >
font-size:12px; font-weight:var(--semi);line-height:1;color:inherit}
290
.article-info li{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;
Property or at-rule is vendor specific.
-webkit-box-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 290 CSS Validation
-webkit-box-align:center;
Property or at-rule is vendor specific.
-ms-flex-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 290 CSS Validation
-ms-flex-align:center; align-items:center;
Property or at-rule is vendor specific.
-webkit-box-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 290 CSS Validation
-webkit-box-pack:end;
Property or at-rule is vendor specific.
-ms-flex-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 290 CSS Validation
-ms-flex-pack:end; justify-content:flex-end;gap:5px}
291
.article-info li.date::before{content:url(../img/calendar.svg);width:12px;height:12px}
292
.article-info li.views::before{content:url(../img/eye.svg);width:12px;height:12px}
293
.article-info li.edit{
Property or at-rule is vendor specific.
-webkit-box-flex
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 293 CSS Validation
-webkit-box-flex:1;
Property or at-rule is vendor specific.
-ms-flex
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 293 CSS Validation
-ms-flex:1; flex:1}
294
.article-info.list{margin:0 2em}
295
.article-info.list li{position:relative}
296
.article-info.list li.date::before,.article-info.list li.views::before{
Property or at-rule is vendor specific.
-webkit-filter
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 296 CSS Validation
-webkit-filter:invert(1) brightness(5); filter:invert(1) brightness(5)}
297
.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;
Property or at-rule is vendor specific.
-ms-flex-wrap
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 297 CSS Validation
-ms-flex-wrap:wrap; flex-wrap:wrap;gap:15px;margin:0;padding:0;list-style:none;
Property or at-rule is vendor specific.
-webkit-box-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 297 CSS Validation
-webkit-box-pack:center;
Property or at-rule is vendor specific.
-ms-flex-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 297 CSS Validation
-ms-flex-pack:center; justify-content:center}
298
.pagination li{
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
margin-block:0}
299
.pagination li a,.pagination li span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:36px;height:36px;border-radius:50%;color:var(--menu-bg);
Property or at-rule is vendor specific.
-webkit-box-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 299 CSS Validation
-webkit-box-align:center;
Property or at-rule is vendor specific.
-ms-flex-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 299 CSS Validation
-ms-flex-align:center; align-items:center;
Property or at-rule is vendor specific.
-webkit-box-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 299 CSS Validation
-webkit-box-pack:center;
Property or at-rule is vendor specific.
-ms-flex-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 299 CSS Validation
-ms-flex-pack:center; justify-content:center;font-weight:var(--bold)}
300
.pagination li a{border:1px solid var(--menu-bg)}
301
.pagination li span{border:1px solid var(--backdrop);color:var(--menu-text);background-color:var(--backdrop)}
302
.pagination li a:hover{color:var(--menu-text);background-color:var(--menu-bg)}
303
.prev-next{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;
Property or at-rule is vendor specific.
-ms-flex-wrap
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 303 CSS Validation
-ms-flex-wrap:wrap; flex-wrap:wrap;
Property or at-rule is vendor specific.
-webkit-box-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 303 CSS Validation
-webkit-box-align:stretch;
Property or at-rule is vendor specific.
-ms-flex-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 303 CSS Validation
-ms-flex-align:stretch; align-items:stretch;
Property or at-rule is vendor specific.
-webkit-box-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 303 CSS Validation
-webkit-box-pack:justify;
Property or at-rule is vendor specific.
-ms-flex-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 303 CSS Validation
-ms-flex-pack:justify; justify-content:space-between;gap:10px;
Use at least a 12-point font on all web pages.
For users over age 65, it may be better to use at least fourteen-point fonts.
Never use less than nine-point font on a Web site.
The following are all smaller than 12 point:
<p style="font-size: 11pt;" >
<p style="font-size: 15px;" >
<p style="font-size: small;" >
<font size="2" >
<font size="-1" >
font-size:12px}
304
.prev-next a{position:relative;color:var(--menu-text);
The CSS
color-mix()
function is not supported by all browsers.
Use a fallback like color: #99f8ff; color: color-mix(in srgb, #34c9eb 50%, white);
to provide a value in browsers that don't support color-mix()
.
background-color:color-mix(in srgb, var(--menu-bg) 90%, transparent); width:200px;display:-webkit-box;display:-ms-flexbox;display:flex;
Property or at-rule is vendor specific.
-webkit-box-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 304 CSS Validation
-webkit-box-align:center;
Property or at-rule is vendor specific.
-ms-flex-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 304 CSS Validation
-ms-flex-align:center; align-items:center;gap:0;line-height:14px;padding-inline:24px;
CSS flow relative
padding-block-
and
padding-inline-
properties are not supported by all browsers.
Use traditional padding properties, in addition to flow relative padding, as a fallback for older browsers.
padding-block:8px}
305
.prev-next a.prev-article{
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
CSS flow relative
padding-block-
and
padding-inline-
properties are not supported by all browsers.
Use traditional padding properties, in addition to flow relative padding, as a fallback for older browsers.
margin-inline:0 auto;
Property or at-rule is vendor specific.
-webkit-clip-path
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 305 CSS Validation
-webkit-clip-path:polygon(5% 0%, 100% 0%, 95% 50%, 100% 100%, 5% 100%, 0% 50%, 5% 0%); clip-path:polygon(5% 0%, 100% 0%, 95% 50%, 100% 100%, 5% 100%, 0% 50%, 5% 0%)}
306
.prev-next a.next-article{
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
CSS flow relative
padding-block-
and
padding-inline-
properties are not supported by all browsers.
Use traditional padding properties, in addition to flow relative padding, as a fallback for older browsers.
margin-inline:auto 0;
Property or at-rule is vendor specific.
-webkit-box-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 306 CSS Validation
-webkit-box-pack:end;
Property or at-rule is vendor specific.
-ms-flex-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 306 CSS Validation
-ms-flex-pack:end; justify-content:flex-end;text-align:right;
Property or at-rule is vendor specific.
-webkit-clip-path
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 306 CSS Validation
-webkit-clip-path:polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%, 5% 50%, 0% 0%); clip-path:polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%, 5% 50%, 0% 0%)}
307
.__edit{display:inline-block}
308
.__edit::before{content:url(../img/edit.svg);display:inline-block;width:16px;height:16px}
309
.uni-slider-container{--uni-slider-gap: 20px;--uni-slider-item-width: 250px}
310
.uni-slider-container.ph{overflow:hidden;opacity:0;aspect-ratio:1.3}
311
@media screen and (min-width: 576px){.uni-slider-container.ph{aspect-ratio:2.6}
312
}
313
.uni-slider-container.wide{--uni-slider-gap: 0;--uni-slider-item-width: 100%}
314
@container ( width > 560px ){.uni-slider-container.wide{--uni-slider-gap: 10px;--uni-slider-item-width: 50%}
315
}
316
.uni-slider-container.wide .uni-slider-scroll{
CSS flow relative
padding-block-
and
padding-inline-
properties are not supported by all browsers.
Use traditional padding properties, in addition to flow relative padding, as a fallback for older browsers.
padding-block:0; padding-inline:0}
317
.uni-slider-container.wide [thumbs]{display:-webkit-box;display:-ms-flexbox;display:flex;
Property or at-rule is vendor specific.
-webkit-box-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 317 CSS Validation
-webkit-box-pack:center;
Property or at-rule is vendor specific.
-ms-flex-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 317 CSS Validation
-ms-flex-pack:center; justify-content:center;gap:15px;
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
margin-block:15px}
318
.uni-slider-container.wide [thumbs] [thumb]{width:15px;height:15px;border-radius:50%;background-color:var(--thumb);cursor:pointer;
Property or at-rule is vendor specific.
-webkit-transition
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 318 CSS Validation
-webkit-transition:250ms linear; transition:250ms linear}
319
.uni-slider-container.wide [thumbs] [thumb].active{background-color:var(--menu-bg);pointer-events:none}
320
.uni-slider-container.wide [prev],.uni-slider-container.wide [next]{position:absolute;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;
Property or at-rule is vendor specific.
-webkit-box-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 320 CSS Validation
-webkit-box-align:center;
Property or at-rule is vendor specific.
-ms-flex-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 320 CSS Validation
-ms-flex-align:center; align-items:center;
Property or at-rule is vendor specific.
-webkit-box-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 320 CSS Validation
-webkit-box-pack:center;
Property or at-rule is vendor specific.
-ms-flex-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 320 CSS Validation
-ms-flex-pack:center; justify-content:center;width:36px;height:36px;bottom:calc(50% + 4px);border-radius:50%;border:1px solid #fff;background-color:var(--backdrop);cursor:pointer}
321
.uni-slider-container.wide [prev]::before,.uni-slider-container.wide [next]::before{content:"";width:10px;height:10px;border-color:#fff;border-style:solid;border-width:2px 2px 0 0;pointer-events:none}
322
@media screen and (min-width: 768px){.uni-slider-container.wide [prev],.uni-slider-container.wide [next]{width:40px;height:40px;bottom:calc(50% + 2px)}
323
.uni-slider-container.wide [prev]::before,.uni-slider-container.wide [next]::before{width:14px;height:14px}
324
}
325
.uni-slider-container.wide [prev]{left:10px}
326
.uni-slider-container.wide [prev]::before{
Property or at-rule is vendor specific.
-webkit-transform
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 326 CSS Validation
-webkit-transform:scaleX(0.85) rotate(-135deg) translate(-2px, 2px); transform:scaleX(0.85) rotate(-135deg) translate(-2px, 2px)}
327
.uni-slider-container.wide [next]{right:10px}
328
.uni-slider-container.wide [next]::before{
Property or at-rule is vendor specific.
-webkit-transform
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 328 CSS Validation
-webkit-transform:scaleX(0.85) rotate(45deg) translate(-2px, 2px); transform:scaleX(0.85) rotate(45deg) translate(-2px, 2px)}
329
.uni-slider-container.wide:not([left]) [prev]{opacity:.33}
330
.uni-slider-container.wide:not([right]) [next]{opacity:.33}
331
.uni-slider-container .uni-slider-scroll{
CSS flow relative
padding-block-
and
padding-inline-
properties are not supported by all browsers.
Use traditional padding properties, in addition to flow relative padding, as a fallback for older browsers.
padding-block:20px; padding-inline:0}
332
.uni-slider-container.tape{--uni-slider-gap: 20px;--uni-slider-item-width: 100%}
333
@media screen and (min-width: 576px){.uni-slider-container.tape{--uni-slider-item-width: 50%}
334
}
335
@media screen and (min-width: 768px){.uni-slider-container.tape{--uni-slider-item-width: 33.33333%}
336
}
337
@media screen and (min-width: 1280px){.uni-slider-container.tape{--uni-slider-item-width: 25%}
338
}
339
.uni-slider-container.tape [thumbs]{display:-webkit-box;display:-ms-flexbox;display:flex;
Property or at-rule is vendor specific.
-webkit-box-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 339 CSS Validation
-webkit-box-pack:center;
Property or at-rule is vendor specific.
-ms-flex-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 339 CSS Validation
-ms-flex-pack:center; justify-content:center;gap:15px;
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
margin-block:10px}
340
.uni-slider-container.tape [thumbs] [thumb]{width:24px;height:4px;background-color:var(--thumb);border-style:solid;border-color:var(--bg);border-width:10px 0;cursor:pointer;
Property or at-rule is vendor specific.
-webkit-transition
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 340 CSS Validation
-webkit-transition:250ms linear; transition:250ms linear}
341
.uni-slider-container.tape [thumbs] [thumb].active{background-color:var(--menu-bg);pointer-events:none}
342
.uni-slider-container.tape [prev],.uni-slider-container.tape [next]{position:absolute;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;
Property or at-rule is vendor specific.
-webkit-box-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 342 CSS Validation
-webkit-box-align:center;
Property or at-rule is vendor specific.
-ms-flex-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 342 CSS Validation
-ms-flex-align:center; align-items:center;
Property or at-rule is vendor specific.
-webkit-box-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 342 CSS Validation
-webkit-box-pack:center;
Property or at-rule is vendor specific.
-ms-flex-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 342 CSS Validation
-ms-flex-pack:center; justify-content:center;width:36px;height:36px;bottom:calc(50% + 6px);border-radius:50%;border:1px solid #fff;background-color:var(--backdrop);cursor:pointer}
343
.uni-slider-container.tape [prev]::before,.uni-slider-container.tape [next]::before{content:"";width:10px;height:10px;border-color:#fff;border-style:solid;border-width:2px 2px 0 0;pointer-events:none}
344
@media screen and (min-width: 768px){.uni-slider-container.tape [prev],.uni-slider-container.tape [next]{width:40px;height:40px;bottom:calc(50% + 2px)}
345
.uni-slider-container.tape [prev]::before,.uni-slider-container.tape [next]::before{width:12px;height:12px}
346
}
347
.uni-slider-container.tape [prev]{left:-10px}
348
.uni-slider-container.tape [prev]::before{
Property or at-rule is vendor specific.
-webkit-transform
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 348 CSS Validation
-webkit-transform:scaleX(0.85) rotate(-135deg) translate(-2px, 2px); transform:scaleX(0.85) rotate(-135deg) translate(-2px, 2px)}
349
.uni-slider-container.tape [next]{right:-10px}
350
.uni-slider-container.tape [next]::before{
Property or at-rule is vendor specific.
-webkit-transform
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 350 CSS Validation
-webkit-transform:scaleX(0.85) rotate(45deg) translate(-2px, 2px); transform:scaleX(0.85) rotate(45deg) translate(-2px, 2px)}
351
.uni-slider-container.tape:not([left]) [prev]{opacity:.33}
352
.uni-slider-container.tape:not([right]) [next]{opacity:.33}
353
.slide-main{position:relative;aspect-ratio:3/2;color:var(--menu-text)}
354
.slide-main img{position:absolute;z-index:-1;width:100%;height:100%;
Property or at-rule is vendor specific.
-o-object-fit
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 354 CSS Validation
-o-object-fit:cover; object-fit:cover;
Property or at-rule is vendor specific.
-webkit-filter
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 354 CSS Validation
-webkit-filter:brightness(0.67); filter:brightness(0.67)}
355
.slide-main .title{margin:0;padding:.5em 1em;font-size:clamp(16px,3vw,20px);text-shadow:1px 1px 0 rgba(0,0,0,.5333333333)}
356
.slide-main a[title]{position:absolute;inset:0}
357
.slide-main:hover .title{text-decoration:underline;text-decoration-thickness:1px}
358
.mini-list-item{position:relative;color:var(--menu-text);
Property or at-rule is vendor specific.
-webkit-box-shadow
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 358 CSS Validation
-webkit-box-shadow:0 0 8px -1px rgba(0,0,0,.4); box-shadow:0 0 8px -1px rgba(0,0,0,.4);aspect-ratio:1.75}
359
.mini-list-item img{position:absolute;z-index:-1;width:100%;height:100%;
Property or at-rule is vendor specific.
-o-object-fit
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 359 CSS Validation
-o-object-fit:cover; object-fit:cover;
Property or at-rule is vendor specific.
-webkit-filter
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 359 CSS Validation
-webkit-filter:brightness(0.5); filter:brightness(0.5)}
360
.mini-list-item .title{margin:0;padding:.5em 1em;
Use at least a 12-point font on all web pages.
For users over age 65, it may be better to use at least fourteen-point fonts.
Never use less than nine-point font on a Web site.
The following are all smaller than 12 point:
<p style="font-size: 11pt;" >
<p style="font-size: 15px;" >
<p style="font-size: small;" >
<font size="2" >
<font size="-1" >
font-size:14px; line-height:1;text-shadow:1px 1px 0 rgba(0,0,0,.5333333333)}
361
.mini-list-item a[title]{position:absolute;inset:0}
362
.mini-list-item:hover .title{text-decoration:underline;text-decoration-thickness:1px}
363
.mini-list{display:grid;grid-template-columns:1fr;gap:20px}
364
@media screen and (min-width: 576px){.mini-list{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr))}
365
}
366
.flogo{list-style:none;grid-row:1/10}
367
.flogo .logo{border:1px solid #fff;margin:0}
368
.flogo .desc{font-size:1.15em;width:90%;
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
margin-block:1em}
369
#search-page{width:clamp(280px,100%,480px);display:grid;grid-template-columns:1fr 2fr 32px;gap:15px 0;
Property or at-rule is vendor specific.
-webkit-box-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 369 CSS Validation
-webkit-box-align:center;
Property or at-rule is vendor specific.
-ms-flex-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 369 CSS Validation
-ms-flex-align:center; align-items:center;margin-bottom:2em}
370
#search-page *{
Use at least a 12-point font on all web pages.
For users over age 65, it may be better to use at least fourteen-point fonts.
Never use less than nine-point font on a Web site.
The following are all smaller than 12 point:
<p style="font-size: 11pt;" >
<p style="font-size: 15px;" >
<p style="font-size: small;" >
<font size="2" >
<font size="-1" >
font-size:15px; font-weight:500;line-height:24px}
371
#search-page button{margin:0;padding:6px;border:none;background-color:var(--menu-bg);border-radius:0 4px 4px 0}
372
#search-page button::before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IndoaXRlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik0xMS43NDIgMTAuMzQ0YTYuNSA2LjUgMCAxIDAtMS4zOTcgMS4zOThoLS4wMDFxLjA0NC4wNi4wOTguMTE1bDMuODUgMy44NWExIDEgMCAwIDAgMS40MTUtMS40MTRsLTMuODUtMy44NWExIDEgMCAwIDAtLjExNS0uMXpNMTIgNi41YTUuNSA1LjUgMCAxIDEtMTEgMCA1LjUgNS41IDAgMCAxIDExIDAiLz4KPC9zdmc+);display:block;width:20px;height:20px}
373
#search-page input{grid-column:1/3;margin:0;padding:3px 12px;border:none;outline:none;color:var(--menu-bg);border:1px solid var(--backdrop);border-radius:4px 0 0 4px;
Property or at-rule is vendor specific.
-webkit-box-sizing
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 373 CSS Validation
-webkit-box-sizing:border-box; box-sizing:border-box}
374
#search-page input:focus{border-color:var(--menu-bg)}
375
#search-page select{
Property or at-rule is vendor specific.
-webkit-appearance
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 375 CSS Validation
-webkit-appearance:none;
Property or at-rule is vendor specific.
-moz-appearance
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 375 CSS Validation
-moz-appearance:none; appearance:none;padding:3px 36px 3px 12px;margin:0;outline:none;border:1px solid var(--backdrop);background-color:#fff;border-radius:4px;color:var(--menu-bg);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjY0NiA0LjY0NmEuNS41IDAgMCAxIC43MDggMEw4IDEwLjI5M2w1LjY0Ni01LjY0N2EuNS41IDAgMCAxIC43MDguNzA4bC02IDZhLjUuNSAwIDAgMS0uNzA4IDBsLTYtNmEuNS41IDAgMCAxIDAtLjcwOCIvPgo8L3N2Zz4=),linear-gradient(to right, transparent calc(100% - 32px), var(--menu-bg) calc(100% - 32px));background-repeat:no-repeat;background-position:calc(100% - 8px) center,right center}
376
#search-page select:active{border-radius:4px 4px 0 0;border-color:var(--menu-bg);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iI2ZmZiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjY0NiA0LjY0NmEuNS41IDAgMCAxIC43MDggMGw2IDZhLjUuNSAwIDAgMS0uNzA4LjcwOEw4IDUuNzA3bC01LjY0NiA1LjY0N2EuNS41IDAgMCAxLS43MDgtLjcwOHoiLz4KPC9zdmc+),linear-gradient(to right, transparent calc(100% - 32px), var(--menu-bg) calc(100% - 32px))}
377
.ajaxSearch_resultsInfos{font-size:1.1em;color:var(--menu-bg);margin-bottom:2em}
378
.ajaxSearch_resultsInfos .ajaxSearch_highlight{font-weight:600;color:#ff4500}
379
.ajaxSearch_result{margin-bottom:2em}
380
.ajaxSearch_result .ajaxSearch_resultLink{color:var(--menu-bg);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;font-weight:500}
381
.ajaxSearch_result .ajaxSearch_resultExtract{margin-left:1em;font-size:.85em}
382
.ajaxSearch_result .ajaxSearch_resultExtract .ajaxSearch_highlight{font-weight:500;color:#ff4500}
383
.page404{width:296px;
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
CSS flow relative
padding-block-
and
padding-inline-
properties are not supported by all browsers.
Use traditional padding properties, in addition to flow relative padding, as a fallback for older browsers.
margin-inline:auto}
384
.return-to-page{width:-webkit-max-content;width:-moz-max-content;width:max-content;color:var(--menu-bg)}
385
.return-to-page.center{
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
CSS flow relative
padding-block-
and
padding-inline-
properties are not supported by all browsers.
Use traditional padding properties, in addition to flow relative padding, as a fallback for older browsers.
margin-inline:auto}
386
.return-to-page a{display:inline-grid;grid-template-columns:32px 1fr;
Property or at-rule is vendor specific.
-webkit-box-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 386 CSS Validation
-webkit-box-align:center;
Property or at-rule is vendor specific.
-ms-flex-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 386 CSS Validation
-ms-flex-align:center; align-items:center}
387
.countdown{position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;width:100px;height:100px;
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
CSS flow relative
padding-block-
and
padding-inline-
properties are not supported by all browsers.
Use traditional padding properties, in addition to flow relative padding, as a fallback for older browsers.
margin-inline:auto; border-radius:50%;border:2px solid #fff;color:var(--menu-bg);background-color:#fff;
Property or at-rule is vendor specific.
-webkit-box-shadow
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 387 CSS Validation
-webkit-box-shadow:0 0 0 4px,inset 0 0 32px 4px; box-shadow:0 0 0 4px,inset 0 0 32px 4px}
388
.countdown span{display:inline-block;position:absolute;inset:0;font-size:60px;line-height:96px;font-weight:900;text-align:center;
Property or at-rule is vendor specific.
-webkit-animation-name
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 388 CSS Validation
-webkit-animation-name:countdown; animation-name:countdown;
Property or at-rule is vendor specific.
-webkit-animation-duration
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 388 CSS Validation
-webkit-animation-duration:1s; animation-duration:1s;
Property or at-rule is vendor specific.
-webkit-animation-timing-function
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 388 CSS Validation
-webkit-animation-timing-function:cubic-bezier(0.5, -0.25, 0.5, 1.25); animation-timing-function:cubic-bezier(0.5, -0.25, 0.5, 1.25);
Property or at-rule is vendor specific.
-webkit-animation-iteration-count
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 388 CSS Validation
-webkit-animation-iteration-count:1; animation-iteration-count:1;
Property or at-rule is vendor specific.
-webkit-animation-direction
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 388 CSS Validation
-webkit-animation-direction:forwards; animation-direction:forwards;opacity:0}
389
.countdown+.img-container{margin-top:-50px}
Property or at-rule is vendor specific.
@-webkit-keyframes
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 390 CSS Validation
390
@-webkit-keyframes countdown{0%{opacity:1; scale:0}
391
50%{opacity:1;scale:1}
392
100%{opacity:0;scale:1}
393
}
394
@keyframes countdown{0%{opacity:1;scale:0}
395
50%{opacity:1;scale:1}
396
100%{opacity:0;scale:1}
397
}
398
.tags{display:-webkit-box;display:-ms-flexbox;display:flex;
Property or at-rule is vendor specific.
-webkit-box-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 398 CSS Validation
-webkit-box-align:center;
Property or at-rule is vendor specific.
-ms-flex-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 398 CSS Validation
-ms-flex-align:center; align-items:center;
Property or at-rule is vendor specific.
-webkit-box-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 398 CSS Validation
-webkit-box-pack:end;
Property or at-rule is vendor specific.
-ms-flex-pack
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 398 CSS Validation
-ms-flex-pack:end; justify-content:flex-end;margin:0 0 2em 0;padding:0;list-style:none;gap:10px;
Property or at-rule is vendor specific.
-ms-flex-wrap
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 398 CSS Validation
-ms-flex-wrap:wrap; flex-wrap:wrap}
399
.tags li{display:inline-block;
Use at least a 12-point font on all web pages.
For users over age 65, it may be better to use at least fourteen-point fonts.
Never use less than nine-point font on a Web site.
The following are all smaller than 12 point:
<p style="font-size: 11pt;" >
<p style="font-size: 15px;" >
<p style="font-size: small;" >
<font size="2" >
<font size="-1" >
font-size:12px; color:var(--menu-bg);margin:0}
400
.tags li:not(:first-of-type){border:1px solid var(--menu-bg);border-radius:20px;overflow:hidden}
401
.tags li:first-of-type{font-weight:600}
402
.tags li a,.tags li span{display:inline-block;text-decoration:none;padding:3px 9px}
403
.tags li a:hover{color:var(--menu-text);background-color:var(--menu-bg)}
404
.tags-cloud{display:-webkit-box;display:-ms-flexbox;display:flex;
Property or at-rule is vendor specific.
-ms-flex-wrap
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 404 CSS Validation
-ms-flex-wrap:wrap; flex-wrap:wrap;
Property or at-rule is vendor specific.
-webkit-box-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 404 CSS Validation
-webkit-box-align:baseline;
Property or at-rule is vendor specific.
-ms-flex-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 404 CSS Validation
-ms-flex-align:baseline; align-items:baseline;gap:10px;max-height:40em;overflow-y:auto}
405
.tags-cloud a{
CSS Validation Error.
)
Line 405 CSS Validation
CSS Validation Error.
)
Line 405 CSS Validation
display:inline-block; line-height:1;white-space:nowrap;padding-inline:1em;
CSS flow relative
padding-block-
and
padding-inline-
properties are not supported by all browsers.
Use traditional padding properties, in addition to flow relative padding, as a fallback for older browsers.
padding-block:.5em; font-size:calc(10px + var(--qty)*var(--qmin)/var(--qmax)*1px
CSS Validation Error.
Line 405 CSS Validation
); text-decoration:none;color:var(--menu-bg);border:1px solid var(--menu-bg);border-radius:2em}
406
.tags-cloud a[hidden]{display:none}
407
.tags-cloud a:hover{color:var(--menu-text);background-color:var(--menu-bg)}
408
#tag-cloud input{line-height:2.5;
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
margin-block:0 1em; padding:0 1em;border-radius:2em;border:1px solid var(--menu-bg);outline:none;color:var(--menu-bg);
Use at least a 12-point font on all web pages.
For users over age 65, it may be better to use at least fourteen-point fonts.
Never use less than nine-point font on a Web site.
The following are all smaller than 12 point:
<p style="font-size: 11pt;" >
<p style="font-size: 15px;" >
<p style="font-size: small;" >
<font size="2" >
<font size="-1" >
font-size:14px}
409
#tag-cloud input::-webkit-input-placeholder{color:inherit}
410
#tag-cloud input::-moz-placeholder{color:inherit}
411
#tag-cloud input:-ms-input-placeholder{color:inherit}
412
#tag-cloud input::-ms-input-placeholder{color:inherit}
413
#tag-cloud input::placeholder{color:inherit}
414
.sitemap-link{display:-webkit-box;display:-ms-flexbox;display:flex;
Property or at-rule is vendor specific.
-webkit-box-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 414 CSS Validation
-webkit-box-align:center;
Property or at-rule is vendor specific.
-ms-flex-align
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 414 CSS Validation
-ms-flex-align:center; align-items:center;gap:10px;line-height:2}
415
.sitemap-link a{padding-inline:5px;
Property or at-rule is vendor specific.
-webkit-box-shadow
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 415 CSS Validation
-webkit-box-shadow:0 0 1px var(--menu-text); box-shadow:0 0 1px var(--menu-text);border-radius:3px}
416
.sitemap-link a:hover{background-color:var(--menu-text);color:var(--menu-bg)}
417
.sitemap ul{padding-left:0;list-style:none}
418
.sitemap ul ul{padding-left:20px;border-left:1px dotted var(--menu-bg)}
419
.sitemap li{
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
margin-block:10px; color:var(--menu-bg)}
420
.sitemap li:not([class]),.sitemap li.folder-0{font-size:1.05rem;font-weight:var(--bold)}
421
.sitemap li.folder-1{font-size:1rem;font-weight:var(--semi)}
422
.sitemap li.folder-2{font-size:.95rem;font-weight:var(--norm)}
423
.sitemap li.folder-3{font-size:.9rem;font-weight:var(--norm)}
424
.sitemap li.article{font-size:.85rem;font-weight:var(--thin)}
425
.sitemap li a[href]{display:inline-block;position:relative;text-decoration:none;line-height:1.15}
426
.sitemap li a[href]::after{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzgwNjAyMCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNNC43MTUgNi41NDIgMy4zNDMgNy45MTRhMyAzIDAgMSAwIDQuMjQzIDQuMjQzbDEuODI4LTEuODI5QTMgMyAwIDAgMCA4LjU4NiA1LjVMOCA2LjA4NmExIDEgMCAwIDAtLjE1NC4xOTkgMiAyIDAgMCAxIC44NjEgMy4zMzdMNi44OCAxMS40NWEyIDIgMCAxIDEtMi44My0yLjgzbC43OTMtLjc5MmE0IDQgMCAwIDEtLjEyOC0xLjI4N3oiLz4KICA8cGF0aCBkPSJNNi41ODYgNC42NzJBMyAzIDAgMCAwIDcuNDE0IDkuNWwuNzc1LS43NzZhMiAyIDAgMCAxLS44OTYtMy4zNDZMOS4xMiAzLjU1YTIgMiAwIDEgMSAyLjgzIDIuODNsLS43OTMuNzkyYy4xMTIuNDIuMTU1Ljg1NS4xMjggMS4yODdsMS4zNzItMS4zNzJhMyAzIDAgMSAwLTQuMjQzLTQuMjQzeiIvPgo8L3N2Zz4=);position:absolute;margin-left:3px;bottom:-5px;opacity:0;visibility:hidden;
Property or at-rule is vendor specific.
-webkit-transition
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 426 CSS Validation
-webkit-transition:inherit; transition:inherit}
427
.sitemap li a[href]:hover{
Property or at-rule is vendor specific.
-webkit-text-decoration
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 427 CSS Validation
-webkit-text-decoration:underline dotted; text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:2px}
428
.sitemap li a[href]:hover::after{opacity:1;visibility:visible}
429
article :where(h2,h3,h4,h5,h6),.article :where(h2,h3,h4,h5,h6){
Property doesn't exist in CSS.
text-wrap
The property name may be misspelled, vendor specific, or a new CSS property from a draft specification.
Line 429 CSS Validation
text-wrap:balance; font-weight:500}
430
article :where(h2,h3,h4,h5,h6) strong,article :where(h2,h3,h4,h5,h6) b,article :where(h2,h3,h4,h5,h6) span,article :where(h2,h3,h4,h5,h6) i,.article :where(h2,h3,h4,h5,h6) strong,.article :where(h2,h3,h4,h5,h6) b,.article :where(h2,h3,h4,h5,h6) span,.article :where(h2,h3,h4,h5,h6) i{color:red;font-weight:600 !important}
431
article ul,.article ul{list-style:disc outside;
Property or at-rule is vendor specific.
-webkit-padding-start
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 431 CSS Validation
-webkit-padding-start:24px; padding-inline-start:24px}
432
article ol,.article ol{list-style:decimal outside;
Property or at-rule is vendor specific.
-webkit-padding-start
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 432 CSS Validation
-webkit-padding-start:24px; padding-inline-start:24px}
433
article li,article p,.article li,.article p{
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
margin-block:0 .67em}
434
article img,.article img{display:block;max-width:100%;
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
margin-block:2em;
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
CSS flow relative
padding-block-
and
padding-inline-
properties are not supported by all browsers.
Use traditional padding properties, in addition to flow relative padding, as a fallback for older browsers.
margin-inline:auto; shape-margin:0;
Property or at-rule is vendor specific.
-o-object-fit
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 434 CSS Validation
-o-object-fit:cover; object-fit:cover;
Property or at-rule is vendor specific.
-o-object-position
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 434 CSS Validation
-o-object-position:center; object-position:center;float:none;font-style:italic;
Property or at-rule is vendor specific.
-webkit-box-shadow
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 434 CSS Validation
-webkit-box-shadow:0 5px 15px -5px rgba(0,0,0,.3333333333); box-shadow:0 5px 15px -5px rgba(0,0,0,.3333333333)}
435
article img.img-responsive,.article img.img-responsive{width:100%;max-width:800px;height:auto;
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
CSS flow relative
padding-block-
and
padding-inline-
properties are not supported by all browsers.
Use traditional padding properties, in addition to flow relative padding, as a fallback for older browsers.
margin-inline:auto}
436
@media screen and (min-width: 768px){article img.justifyleft,.article img.justifyleft{float:left;width:50%;margin:2em 2em 2em 0}
437
article img.justifyright,.article img.justifyright{float:right;width:50%;margin:2em 0 2em 2em}
438
}
439
article a[href],.article a[href]{
Property or at-rule is vendor specific.
-webkit-transition
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 439 CSS Validation
-webkit-transition:250ms; transition:250ms;cursor:pointer;color:inherit;
Property or at-rule is vendor specific.
-webkit-text-decoration
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 439 CSS Validation
-webkit-text-decoration:underline dotted; text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:3px}
440
article a[href]:hover,.article a[href]:hover{text-decoration-style:solid}
441
article .cssClass1,.article .cssClass1{display:inline;font-size:115%;font-weight:500}
442
article .cssClass2,.article .cssClass2{display:inline;font-size:115%;font-weight:600}
443
article .cssClass3,.article .cssClass3{display:block;font-size:125%;font-weight:500}
444
article .cssClass4,.article .cssClass4{display:block;font-size:125%;font-weight:600}
445
article blockquote,.article blockquote{position:relative;font-size:.9em;font-style:italic;padding:.67em 1.34em;background-color:#ddd;border-radius:.25em}
446
article blockquote *,.article blockquote *{margin:0}
447
article blockquote::before,.article blockquote::before{content:"❞";position:absolute;left:-0.6em;top:-0.3em;font-size:4em;font-style:normal;color:#ddd}
448
article iframe,article object,.article iframe,.article object{display:block;width:100%;max-width:800px;aspect-ratio:16/9;height:auto;
CSS flow relative
margin-block-
and
margin-inline-
properties are not supported by all browsers.
Use traditional margin properties, in addition to flow relative margins, as a fallback for older browsers.
CSS flow relative
padding-block-
and
padding-inline-
properties are not supported by all browsers.
Use traditional padding properties, in addition to flow relative padding, as a fallback for older browsers.
margin-inline:auto}
449
article .table-wrapper,.article .table-wrapper{max-width:100%;line-height:1.2;font-size:.9em;overflow:auto;border:1px solid rgba(0,0,0,.1333333333);margin-bottom:1em}
450
article .table-wrapper table,.article .table-wrapper table{width:100%;border-collapse:collapse;border:none}
451
article .table-wrapper table thead,.article .table-wrapper table thead{position:sticky;top:0;z-index:1;font-weight:500;background-color:#555;color:#fff;border-color:#fff}
452
article .table-wrapper table thead,article .table-wrapper table tbody,article .table-wrapper table tfoot,.article .table-wrapper table thead,.article .table-wrapper table tbody,.article .table-wrapper table tfoot{vertical-align:baseline;text-align:left;
Property doesn't exist in CSS.
text-wrap
The property name may be misspelled, vendor specific, or a new CSS property from a draft specification.
Line 452 CSS Validation
text-wrap:balance}
453
article .table-wrapper table tr:nth-of-type(even),.article .table-wrapper table tr:nth-of-type(even){background-color:rgba(0,0,0,.0666666667)}
454
article .table-wrapper table tr:last-of-type th,article .table-wrapper table tr:last-of-type td,.article .table-wrapper table tr:last-of-type th,.article .table-wrapper table tr:last-of-type td{border-bottom-color:rgba(0,0,0,0)}
455
article .table-wrapper table th,article .table-wrapper table td,.article .table-wrapper table th,.article .table-wrapper table td{padding:5px 10px;border:1px solid rgba(0,0,0,.1333333333)}
456
article .table-wrapper table th:first-of-type,article .table-wrapper table td:first-of-type,.article .table-wrapper table th:first-of-type,.article .table-wrapper table td:first-of-type{
Property or at-rule is vendor specific.
-webkit-border-start
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 456 CSS Validation
-webkit-border-start:none;
CSS flow relative
border-block-
and
border-inline-
properties are not supported by all browsers.
Use traditional border properties, in addition to flow relative borders, as a fallback for older browsers.
border-inline-start:none}
457
article .table-wrapper table th:last-of-type,article .table-wrapper table td:last-of-type,.article .table-wrapper table th:last-of-type,.article .table-wrapper table td:last-of-type{
Property or at-rule is vendor specific.
-webkit-border-end
Properties and at-rules prefixed by a dash or underscore, the zoom property and the expression() function are vendor specific and only work on one browser engine.
Line 457 CSS Validation
-webkit-border-end:none;
CSS flow relative
border-block-
and
border-inline-
properties are not supported by all browsers.
Use traditional border properties, in addition to flow relative borders, as a fallback for older browsers.
border-inline-end:none}