* { -webkit-text-size-adjust: none; margin: 0; padding: 0; box-sizing: border-box; --color-blur-background: rgba(235, 235, 235, 0.8); --color-level-0: #f8f8f8; --color-level-1: #fff; --color-level-2: #e8e8e8; --color-level-3: #d8d8d8; --color-level-4: #fff; --color-level-5: #888; --color-text: #222; --color-highlight: #e28338; --color-nav-background-selected: rgba(255,255,255,0.4); --color-nav-background: rgba(255,255,255,0.5); --color-variant-0: #e37b7b; --color-variant-1: #d29281; --color-variant-2: #dba968; --color-variant-3: #c2b861; --color-variant-4: #9eb16a; --color-variant-5: #70b66d; --color-variant-6: #72baae; --color-variant-7: #6fa2bd; --color-variant-8: #79a2da; --color-variant-9: #908cc6; --color-variant-10: #83749f; --color-variant-11: #ba7da7; --material-gray: #999; --material-red: #FF5370; --material-pink: #F07178; --material-orange: #F78C6C; --material-yellow: #FFCB6B; --material-green: #C3E88D; --material-pale-blue: #B2CCD6; --material-cyan: #89DDFF; --material-blue: #82AAFF; --material-purple: #C792EA; --material-violet: #BB80B3; --material-brown: #AB7967; }a { text-decoration: none; color: var(--color-text);}body { background: var(--color-level-0); color: var(--color-text); font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center;}.nav-background { background: rgba(255, 255, 255, 0.2); box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3); border-radius: 6px;}.wrapper { max-width: 1400px; margin-left: auto; margin-right: auto; padding: 12px; padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); text-align: left;}body > .wrapper { min-height: calc(100vh - 200px);}.album-wrapper { max-width: 2800px; margin-left: auto; margin-right: auto; padding: 12px; padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); text-align: left;}body > .album-wrapper { min-height: calc(100vh - 200px);}.blurred { background: var(--color-level-2);}@supports ((-webkit-backdrop-filter: blur(24px)) or (backdrop-filter: blur(24px))) { .blurred { backdrop-filter: blur(24px) saturate(180%); -webkit-backdrop-filter: blur(24px) saturate(180%); background: var(--color-blur-background); }}header { box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.3); top: 0; position: sticky; height: 64px; z-index: 2147483647;}@media (min-aspect-ratio: 16/9) and (max-height: 500px) { header { position: static; }}header .header-background { height: 64px; width: 100%; position: absolute; top: 0px; left: 0px; opacity: 0.4; z-index: -1000;}header .blurred { height: 64px;}header .wrapper { display: flex; flex-wrap: nowrap; align-items: center; justify-content: left; text-align: left; height: 64px; padding-left: 12px; padding-right: 12px; padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right));}.page-title { text-align: left; flex-grow: 1; font-size: 2em; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}.section-nav { margin: 0px; display: flex; background: rgba(255, 255, 255, 0.2); border-radius: 6px;}header .site-name { margin: 0px 12px 0px 12px; display: inline-block; font-size: 0px; font-weight: 600;}header .site-name svg { height: 48px; margin: 4px 0px; width: 48px; fill: none; stroke: currentcolor; stroke-width: 3px;}header .header-item { display: inline-block; vertical-align: middle; justify-content: center; align-items: center;}header nav a { flex-grow: 1; display: inline-block; padding: 6px; text-align: center;}.line { display: inline-block; border-right: 1px solid rgba(128, 128, 128, 0.3); height: 28px; margin-top: auto; margin-bottom: auto;}.line:last-child { border-right: none; display: none;}header nav a:hover, .selected { background: var(--color-nav-background-selected); transition: 0.2s;}header input { display: none;}@media only screen and (min-width: 1400px) { .section-nav { background: transparent; } .dropdown { margin-left: 6px; } nav > .line { display: none; }}header .site-name { margin: 0px 12px;}.dropdown { background: transparent;}.dropbtn { display: none;}.dropdown-content { background: var(--color-nav-background); border-radius: 6px; overflow: hidden; transition: 0.2s; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3); display: flex;}.dropdown-content a { display: inline-block; text-align: center; color: var(--color-text); padding: 9px 21px; display: block; margin: 4px 4px; border-radius: 3px; box-shadow: none; white-space: nowrap; line-height: 1em;}.dropdown-content a:hover { background: var(--color-nav-background-selected); transition: 0.2s; box-shadow: none;}.dropdown svg { display: none; position: relative; top: 4px; width: 28px; height: 28px; fill: transparent; stroke: currentcolor; stroke-width: 1.2px;}.description { margin: 40px 0px;}.clearfix::after { content: " "; display: block; height: 0; clear: both;}h1 { font-weight: 600; margin-bottom: 10px; font-size: 2.4em; text-decoration: none; line-height: 1.5;}.content > h1:first-child { display: none;}h2 { margin-top: 24px; font-size: 1.8em;}article h2 { padding-top: 24px; border-top: 2px solid rgba(0, 0, 0, 0.1);}body { counter-reset: h2counter;}h1 { counter-reset: h2counter;}article > h2:before { content: counter(h2counter) ".\0000a0\0000a0"; counter-increment: h2counter; counter-reset: h3counter;}h3 { margin-top: 54px; font-size: 1.4em;}h4 { margin-bottom: 20px; margin-top: 20px; font-size: 1.3em;}p, article p, article ol, article ul { text-indent: 0em; margin: 24px 12px; font-size: 17px; line-height: 1.4;}blockquote { max-width: 2400px; margin: 12px auto; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1); background-color: var(--color-level-2); display: block; line-height: 1.0; overflow-x: auto; border-left: 3px solid var(--color-highlight); }article p a { color: var(--color-highlight);}article ol, article ul { margin: 24px 36px;}article ol li, article ul li { margin-bottom: 12px;}.monospace, code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}code { background-color: var(--color-level-1);}article code { display: inline-block; padding: 2px 4px; margin: 2px; border-radius: 6px;}pre code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1); display: block; line-height: 1.2em; font-size: 1em; margin: 12px auto; border-radius: 12px; overflow-x: auto; max-width: 2400px; padding: 12px;}pre code .linenos { color: var(--color-level-5); border-right: 2px rgba(127, 127, 127, 0.5) solid; padding-left: 12px; padding-right: 6px;}pre code .code { padding-left: 6px;}pre.serif-text { background-color: var(--color-level-2); font-family: ui-serif, "system-serif", "Times New Roman", serif; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.1); display: block; line-height: 1.2; margin: 16px 16px; padding: 16px 16px; border-radius: 12px; overflow-x: auto;}.flex { display: flex; flex-wrap: wrap; justify-content: center;}.item-list { display: grid; grid-gap: 12px; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));}.item-list > li:hover { transition: 0.3s; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.5);}.card { border-top: 1px solid #fff; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2); background: var(--color-level-1); display: block; margin: 6px 6px; border-radius: 6px; overflow: hidden;}.box { box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3); background: var(--color-level-1); display: block; margin: 12px 12px; padding: 12px; border-radius: 12px; overflow: hidden;}.item-list > li { transition: 0.3s; border-top: 1px solid #fff; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3); background: var(--color-level-1); max-height: 600px; max-width: 1000px; display: block; //margin: 6px 6px; border-radius: 6px; overflow: hidden; flex-grow: 1;}.quintuple-column > li { width: 17%; max-width: 600px;}.quadruple-column > li { width: 21%;}.triple-column > li { width: 26%;}.double-column > li { width: 34%;}.single-column > li { width: 100%;}.variant-dark { background: #333333;}.variant-medium { background: #888888;}.variant-light { background: #cccccc;}.variant-none { background: #444444;}.variant-0 { background: var(--color-variant-0);}.variant-1 { background: var(--color-variant-1);}.variant-2 { background: var(--color-variant-2);}.variant-3 { background: var(--color-variant-3);}.variant-4 { background: var(--color-variant-4);}.variant-5 { background: var(--color-variant-5);}.variant-6 { background: var(--color-variant-6);}.variant-7 { background: var(--color-variant-7);}.variant-8 { background: var(--color-variant-8);}.variant-9 { background: var(--color-variant-9);}.variant-10 { background: var(--color-variant-10);}.variant-11 { background: var(--color-variant-11);}.article-item { margin: 8px;}.article-item h1 { margin-bottom: 8px; margin-top: 0px; font-size: 1.6em; line-height: 1.2em;}.article-item > article > p { overflow: hidden; margin: 0px; max-height: 4.2em; width: 100%; overflow: hidden;}.album-item { position: relative; height: 100%; width: 100%;}.album-item img { width: 100%; height: 100%; object-fit: cover;}.absolute-box { position: absolute; top: 0px;}.album-item h1 { color: #EEE; text-shadow: 0px 2px 6px rgba(0, 0, 0, 1); margin: 8px; margin-bottom: 0px; font-size: 1.6em; line-height: 1.0em;}.album-item .photo-count { color: #EEE; filter: drop-shadow(0px 1px 2px black); margin: 8px; font-size: 1.2em; line-height: 1.0em; font-weight: 256; opacity: 0.95;}.album-item h1 a { color: #EEE;}.album-item p { overflow: hidden; margin: 0px; max-height: 4.2em; width: 100%; overflow: hidden;}.prevNextItem { position: relative; width: 100%; text-align: center; margin-bottom: 12px; height: 54px;}.prevNextItem a { position: absolute; display: inline-block; padding: 12px; width: 40%; background: var(--color-level-2); border-radius: 6px; margin-bottom: 12px; top: 0px; transition: 0.3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.prevNextItem a:hover { background: var(--color-level-4); transition: 0.3s;}.tag-list { margin: 2px 6px;}.tag-list li, .tag { display: inline-block; color: #EEE; padding: 2px 6px; line-height: 1.2em; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); border-radius: 6px; margin: 6px 3px; margin-bottom: 12px;}.tag-list li a, .tag a { color: inherit;}.badge { display: inline-block; border-radius: 6px; overflow: hidden; margin-right: 6px; margin-bottom: 12px;}.badge-key, .badge-value { display: inline-block; padding: 2px 6px;}.item-page .tag-list { display: inline-block;}.content { }.social-list { margin: 0px;}.social-list svg { fill: currentcolor; width: 28px; height: 28px;}.album-item svg { transform: scale(0.8); fill: currentcolor; width: 28px; height: 28px; top: 5px; position: relative; margin-right: 8px; }.social-list li { display: inline-block; margin: 0px 4px;}.browse-all { display: block; text-align: center; margin: 12px auto; max-width: 180px; background-color: var(--color-level-2); overflow: hidden; padding: 12px 24px; border-radius: 66px; transition: 0.3s; to;}footer .browser-all { background-color: var(--color-level-1);}.browse-all:hover { background: var(--color-level-4); transition: 0.3s;}.all-tags { display: flex; flex-wrap: wrap;}.all-tags li { font-size: 1.0em; margin: 6px 6px; padding: 6px 10px; flex-grow: 1; max-width: 250px; text-align: center;}footer { color: var(--color-level-5); background: var(--color-level-3); padding: 12px 0px; box-shadow: inset 0px 24px 12px -18px rgba(0, 0, 0, 0.1);}footer a { color: inherit;}footer p { line-height: 1.0em; margin: 2px 2px;}article .table-wrapper { display: block; text-align: center;}article table:not(.highlighttable) { margin: 6px; border-collapse: collapse; display: inline-block; border: none; padding: 6px; background: var(--color-level-3); border-radius: 6px;}article table:not(.highlighttable) tr { border-bottom: solid 1px rgba(127,127,127,0.1);}article table:not(.highlighttable) td, article table:not(.highlighttable) th { text-align: center; padding: 12px 18px;}article table:not(.highlighttable) tbody { border-bottom: 2px solid;}article table:not(.highlighttable) thead { border-top: 2px solid; border-bottom: 1px solid;}.highlighttable { margin: 0px; border-collapse: separate; display: table; border: none; padding: 0px; background: none; border-radius: 0px;}.show-wide { display: block;}.hide-wide { display: none;}@media only screen and (max-width: 1800px) { .quintuple-column > li { width: 21%; } .quadruple-column > li { width: 26%; }}.content p { max-width: 1600px; margin-left: auto; margin-right: auto; padding-left:12px; padding-right:12px; line-height: 180%;}@media only screen and (max-width: 1400px) { .hide-last > li:last-child { display: none; } .quintuple-column > li { width: 26%; } .quadruple-column > li { width: 26%; } .triple-column > li { width: 34%; } nav > .line { border-right: 1px solid rgba(128, 128, 128, 0.5); } .section-nav { box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3); } .dropdown[for="section-icon"] .dropdown-content { background: transparent; box-shadow: none; } .dropdown[for="language-icon"] .line { display: block; border-top: 1px solid rgba(128, 128, 128, 0.3); height: 0px; width: 80%; margin-left: auto; margin-right: auto; } .dropdown[for="language-icon"] .line:last-child { display: none; } .dropdown[for="language-icon"] { position: relative; height: 36px; width: 36px; border-radius: 3px; margin: 3px; } .dropdown[for="language-icon"] .hspacer { height: 6px; width: 42px; right: 0; position: relative; display: none; } #language-icon:checked ~ .dropdown[for="language-icon"] .hspacer, .dropdown[for="language-icon"]:hover .hspacer { display: block; } .dropdown[for="language-icon"] .dropbtn { display: inline-block; background: transparent; border: none; line-height: 0px; font-size: 0px; height: 36px; width: 36px; text-align: center; align-content: center; } .dropdown[for="language-icon"] .dropbtn svg { display: inline-block; } .dropdown[for="language-icon"] .dropdown-content { overflow: hidden; transition: 0.2s; display: none; position: absolute; z-index: 1; right: 0px; backdrop-filter: blur(24px) saturate(180%); -webkit-backdrop-filter: blur(24px) saturate(180%); } .dropdown[for="language-icon"] .dropdown-content a { text-align: center; width: 100px; display: inline-block; } .dropdown[for="language-icon"] .dropdown-content a:hover { background: var(--color-nav-background-selected); transition: 0.2s; }}@media (hover: hover) and (pointer: fine) and (max-width: 1400px) { .dropdown[for="language-icon"]:hover .dropdown-content { display: block; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2); transition: 0.2s; } .dropdown[for="language-icon"]:hover { background: var(--color-nav-background-selected); transition: 0.2s; }}@media (pointer: coarse) and (max-width: 1400px) { #language-icon:checked ~ .dropdown[for="language-icon"] .dropdown-content { display: block; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2); transition: 0.2s; } #language-icon:checked ~ .dropdown[for="language-icon"] { background: rgba(255, 255, 255, 0.4); transition: 0.2s; }}@media only screen and (max-width: 1000px) { article .table-wrapper { overflow: scroll; } .show-wide { display: none; } .hide-wide { display: block; } .quintuple-column > li { width: 34%; } .quadruple-column > li { width: 34%; } .triple-column > li { width: 51%; } .dropdown[for="section-icon"] .line { display: block; border-top: 1px solid rgba(128, 128, 128, 0.2); height: 0px; width: 80%; margin-left: auto; margin-right: auto; } .dropdown[for="section-icon"] .line:last-child { display: none; } .dropdown[for="section-icon"] { position: relative; height: 36px; width: 36px; border-radius: 3px; margin: 3px; } .dropdown[for="section-icon"] .hspacer { height: 6px; width: 42px; right: 0; position: relative; display: none; } #section-icon:checked ~ .dropdown[for="section-icon"] .hspacer, .dropdown[for="section-icon"]:hover .hspacer { display: block; } .dropdown[for="section-icon"] .dropbtn { display: inline-block; background: transparent; border: none; line-height: 0px; font-size: 0px; height: 36px; width: 36px; text-align: center; } .dropdown[for="section-icon"] .dropbtn svg { display: inline-block; } .dropdown[for="section-icon"] .dropdown-content { background: var(--color-nav-background); overflow: hidden; transition: 0.2s; display: none; position: absolute; z-index: 1; right: 0px; backdrop-filter: blur(24px) saturate(180%); -webkit-backdrop-filter: blur(24px) saturate(180%); } .dropdown[for="section-icon"] .dropdown-content a { text-align: center; width: 120px; display: inline-block; } .dropdown[for="section-icon"] .dropdown-content a:hover { background: var(--color-nav-background-selected); transition: 0.2s; }}@media (hover: hover) and (pointer: fine) and (max-width: 1000px) { .dropdown[for="section-icon"]:hover .dropdown-content { display: block; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2); transition: 0.2s; } .dropdown[for="section-icon"]:hover { background: var(--color-nav-background-selected); transition: 0.2s; }}@media (pointer: coarse) and (max-width: 1000px) { #section-icon:checked ~ .dropdown[for="section-icon"] .dropdown-content { display: block; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2); transition: 0.2s; } #section-icon:checked ~ .dropdown[for="section-icon"] { background: rgba(255, 255, 255, 0.4); transition: 0.2s; }}@media only screen and (max-width: 600px) { .wrapper { padding: 6px; padding-left: max(6px, env(safe-area-inset-left)); padding-right: max(6px, env(safe-area-inset-right)); } .page-title { font-size: 1.6em; } .quintuple-column > li { width: 100%; } .quadruple-column > li { width: 100%; } .triple-column > li { width: 100%; } .double-column > li { width: 100%; } pre code { margin: 8px 8px; } .item-list > li h1 { font-size: 1.4em; line-height: 1.2em; } article > table:not(.highlighttable) { display: inline-block; overflow: auto; } header .site-name { margin: 0px 6px; }}.highlight .c, .highlight .cd { color: #abb0b6;}.highlight .cm { color: var(--material-gray);}.highlight .c1 { color: var(--material-gray);}.highlight .cp { color: #abb0b6;}.highlight .cs { color: #e6b673;}.highlight .err { color: #fafafa; background-color: #f51818;}.highlight .gi { color: #86b300;}.highlight .gd { color: #f51818;}.highlight .ge { font-style: italic;}.highlight .gr { color: #fafafa; background-color: #f51818;}.highlight .gt { color: #fafafa; background-color: #f51818;}.highlight .gh { color: #ff6a00;}.highlight .go { color: #6e7580;}.highlight .gp { color: #6e7580;}.highlight .gs { font-weight: 600;}.highlight .gu { color: #6e7580;}.highlight .k, .highlight .kv { color: #6c90da;}.highlight .kc { color: #fa6e32;}.highlight .kd { color: var(--material-violet);}.highlight .kp { color: #fa6e32;}.highlight .kr { color: var(--material-violet);}.highlight .kt { color: #fa6e32;}.highlight .kn { color: #ed9366;}.highlight .ow { color: #ed9366;}.highlight .o { color: #ed9366;}.highlight .mf { color: #a37acc;}.highlight .mh { color: #a37acc;}.highlight .il { color: #a37acc;}.highlight .mi { color: #a37acc;}.highlight .mo { color: #a37acc;}.highlight .m, .highlight .mb, .highlight .mx { color: #a37acc;}.highlight .se { color: #a37acc;}.highlight .sb { color: #86b300;}.highlight .sc { color: #86b300;}.highlight .sd { color: #86b300;}.highlight .s2 { color: #86b300;}.highlight .sh { color: #86b300;}.highlight .si { color: #86b300;}.highlight .sx { color: #86b300;}.highlight .s1 { color: #86b300;}.highlight .s { color: #86b300;}.highlight .ss { color: #55b4d4;}.highlight .sr { color: #4cbf99;}.highlight .na { color: #f07171;}.highlight .nc { color: var(--material-yellow);}.highlight .nd { color: #f29718;}.highlight .ne { color: #f29718;}.highlight .nf { color: var(--material-purple);}.highlight .no { color: #a37acc;}.highlight .bp { color: #399ee6;}.highlight .nb { color: #399ee6;}.highlight .ni { color: #399ee6;}.highlight .nn { color: #399ee6;}.highlight .vc { color: #399ee6;}.highlight .vg { color: #399ee6;}.highlight .vi { color: #399ee6;}.highlight .nv { color: #399ee6;}.highlight .w { color: #399ee6;}.highlight .nl { color: #399ee6;}.highlight .nt { color: #55b4d4;}.highlight .n { color: #444;}.highlight .p { color: #888888;}.highlight { color: #333333; margin: 6px;}@media (prefers-color-scheme: dark) { * { --color-blur-background: rgba(0, 0, 0, 0.5); --color-level-0: #1e1e1e; --color-level-1: #222; --color-level-2: #181818; --color-level-3: #282828; --color-level-4: #333; --color-level-5: #555; --color-text: #DDD; --color-highlight: #D73; --color-nav-background-selected: rgba(255,255,255,0.1); --color-nav-background: rgba(255,255,255,0.2); --color-variant-0: #5c2a3c; --color-variant-1: #7c493d; --color-variant-2: #a17441; --color-variant-3: #9d873d; --color-variant-4: #697a3e; --color-variant-5: #468144; --color-variant-6: #468c80; --color-variant-7: #3e6b83; --color-variant-8: #365387; --color-variant-9: #4c4a77; --color-variant-10: #3c2e57; --color-variant-11: #57364d; --material-gray: #666; --material-red: #E53935; --material-pink: #FF5370; --material-orange: #F76D47; --material-yellow: #FFB62C; --material-green: #91B859; --material-pale-blue: #8796B0; --material-cyan: #39ADB5; --material-blue: #6182B8; --material-purple: #7C4DFF; --material-violet: #945EB8; --material-brown: #AB7967; } .item-list > li { border-top: 1px solid #333; } .variant-dark { background: #333333; } .variant-medium { background: #888888; } .variant-light { background: #cccccc; } .variant-none { background: #444444; } .highlight .p { color: #6e7580; } .highlight { color: #EEE; } .highlight .p { color: #e1e1e1; } .highlight .n { color: #ccc; }}.index-background { display: block; position: relative; width: 100%; height: 100vh; top: -64px; z-index: -1000000; box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.2);}.index-background img { display: block; position: absolute; width: 100%; height: 100%; top: 0; object-fit: cover;}.index-background p { color: #DDD; font-size: 3em; font-weight: 300; margin: 12px; position: absolute; bottom: 0; right: 0; text-shadow: 0px 3px 12px rgba(0, 0, 0, 0.8);}@keyframes cf4FadeInOut { 0% { opacity: 1; } 13% { opacity: 1; } 17% { opacity: 0; } 97% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes cf4FadeInOut { 0% { opacity: 1; } 13% { opacity: 1; } 17% { opacity: 0; } 97% { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes cf4FadeInOut { 0% { opacity: 1; } 13% { opacity: 1; } 17% { opacity: 0; } 97% { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes cf4FadeInOut { 0% { opacity: 1; } 13% { opacity: 1; } 17% { opacity: 0; } 97% { opacity: 0; } 100% { opacity: 1; }}@keyframes cf4FadeInOut { 0% { opacity: 1; } 13.3% { opacity: 1; } 16.6% { opacity: 0; } 96.6% { opacity: 0; } 100% { opacity: 1; }}#cf4a img, #cf4a p { -webkit-animation-name: cf4FadeInOut; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 30s; -moz-animation-name: cf4FadeInOut; -moz-animation-timing-function: ease-in-out; -moz-animation-iteration-count: infinite; -moz-animation-duration: 30s; -o-animation-name: cf4FadeInOut; -o-animation-timing-function: ease-in-out; -o-animation-iteration-count: infinite; -o-animation-duration: 30s; animation-name: cf4FadeInOut; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-duration: 30s;}#cf4a img:nth-of-type(6), #cf4a p:nth-of-type(6) { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s;}#cf4a img:nth-of-type(5), #cf4a p:nth-of-type(5) { -webkit-animation-delay: 5s; -moz-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s;}#cf4a img:nth-of-type(4), #cf4a p:nth-of-type(4) { -webkit-animation-delay: 10s; -moz-animation-delay: 10s; -o-animation-delay: 10s; animation-delay: 10s;}#cf4a img:nth-of-type(3), #cf4a p:nth-of-type(3) { -webkit-animation-delay: 15s; -moz-animation-delay: 15s; -o-animation-delay: 15s; animation-delay: 15s;}#cf4a img:nth-of-type(2), #cf4a p:nth-of-type(2) { -webkit-animation-delay: 20s; -moz-animation-delay: 20s; -o-animation-delay: 20s; animation-delay: 20s;}#cf4a img:nth-of-type(1), #cf4a p:nth-of-type(1) { -webkit-animation-delay: 25s; -moz-animation-delay: 25s; -o-animation-delay: 25s; animation-delay: 25s;}