html, body { height: 100%; margin: 0; overflow: hidden; }
body {
background: radial-gradient(ellipse at 50% 38%, #45403a 0%, #2e2a26 55%, #1d1a17 100%);
overscroll-behavior: none;
-webkit-user-select: none; user-select: none;
}
#stage {
position: fixed; inset: 0;
display: flex; align-items: center; justify-content: center;
touch-action: none;
}
#flipbook { position: relative; }
#flipbook.open { box-shadow: 0 22px 60px rgba(0,0,0,.55), 0 4px 14px rgba(0,0,0,.4); }
/* ---------- hard covers ---------- */
.cover {
background:
radial-gradient(ellipse at 30% 25%, rgba(255,255,255,.09), rgba(255,255,255,0) 55%),
linear-gradient(135deg, #142e56 0%, #24487f 46%, #142e56 100%);
box-shadow: inset 0 0 40px rgba(0,0,0,.35);
}
.cover-front::before, .cover-back::before {
content: ''; position: absolute; top: 0; bottom: 0; width: 12%;
pointer-events: none; z-index: 2;
}
.cover-front::before { left: 0; background: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,.14) 55%, rgba(0,0,0,0)); }
.cover-back::before { right: 0; background: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,.14) 55%, rgba(0,0,0,0)); }
.cover-inner { position: absolute; inset: 0; }
.cover-frame {
position: absolute; inset: 7%;
border: 3px double #c9a84c; border-radius: 3px;
display: flex; flex-direction: column; align-items: center; justify-content: center;
text-align: center; color: #e7c96f;
font-family: Georgia, 'Palatino Linotype', serif;
padding: 0 6%;
}
.cover-title {
font-variant: small-caps; letter-spacing: .1em;
font-size: 2em; line-height: 1.25;
text-shadow: 0 2px 3px rgba(0,0,0,.55);
}
.cover-orn { color: #b89a4e; font-size: 1.5em; margin-top: 1.1em; }
.cover-orn.big { font-size: 2.4em; }
.cover-sub { letter-spacing: .5em; font-size: .68em; margin-top: 1em; color: #cdb069; text-indent: .5em; }
.cover-author { margin-top: 2.4em; font-variant: small-caps; letter-spacing: .18em; font-size: 1.02em; color: #e2c26a; }
/* ---------- endpapers ---------- */
.endpaper {
background:
repeating-linear-gradient(45deg, rgba(120,96,58,.05) 0 3px, rgba(0,0,0,0) 3px 6px),
linear-gradient(#e8dfc8, #dcd2b6);
box-shadow: inset 0 0 55px rgba(96,74,40,.25);
}
/* ---------- paper pages ---------- */
.paper {
background:
radial-gradient(ellipse at 50% 45%, #faf5e9 55%, #f1e8d4 92%, #eadfc7 100%);
color: #33291f;
}
/* inner spine shadow — the fold between the two pages of a spread */
.pg-right::before {
content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 9%;
background: linear-gradient(to right, rgba(84,26,18,.30), rgba(84,26,18,.10) 52%, rgba(84,26,18,0));
pointer-events: none; z-index: 3;
}
.pg-left::before {
content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 9%;
background: linear-gradient(to left, rgba(84,26,18,.26), rgba(84,26,18,.09) 52%, rgba(84,26,18,0));
pointer-events: none; z-index: 3;
}
.pg-single::before {
content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 6%;
background: linear-gradient(to right, rgba(62,44,16,.18), rgba(84,26,18,0));
pointer-events: none; z-index: 3;
}
/* outer edge — hint of the closed page stack */
.pg-right::after, .pg-left::after {
content: ''; position: absolute; top: 0; bottom: 0; width: 7px;
pointer-events: none; z-index: 3; opacity: .5;
}
.pg-right::after { right: 0; background: repeating-linear-gradient(to left, rgba(90,70,40,.16) 0 1px, rgba(0,0,0,0) 1px 3px); }
.pg-left::after { left: 0; background: repeating-linear-gradient(to right, rgba(90,70,40,.16) 0 1px, rgba(0,0,0,0) 1px 3px); }
/* ---------- text ---------- */
.textenv {
font-family: Georgia, 'Palatino Linotype', 'Book Antiqua', 'Times New Roman', serif;
line-height: 1.55; text-align: justify;
hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto;
text-rendering: optimizeLegibility;
color: #33291f;
}
.textenv p { margin: 0; text-indent: 1.5em; }
.textenv p.noind { text-indent: 0; }
.chead { margin-bottom: 1.25em; }
.cnum {
text-align: center; font-variant: small-caps;
letter-spacing: .24em; font-size: 1.26em;
padding-top: 1em; text-indent: .24em; color: #4a3b28;
}
.corn { text-align: center; color: #8a744a; margin-top: .4em; font-size: 1em; }
.brk { text-align: center; margin: 1.1em 0; color: #8a744a; font-size: .78em; letter-spacing: .5em; text-indent: .5em; }
.theend { text-align: center; margin-top: 2.6em; letter-spacing: .4em; text-indent: .4em; font-size: 1.02em; color: #5a4a33; }
.folio { text-align: center; font-size: .66em; letter-spacing: .18em; color: #8d7b5f; font-family: Georgia, serif; }
/* ---------- title page ---------- */
.titlepage {
position: absolute; inset: 10% 12%;
display: flex; flex-direction: column; align-items: center; justify-content: center;
text-align: center; font-family: Georgia, 'Palatino Linotype', serif; color: #3d3020;
}
.tp-title { font-variant: small-caps; font-size: 1.85em; letter-spacing: .1em; line-height: 1.3; }
.tp-rule { width: 42%; height: 1px; background: #a08c5a; margin: 1.4em 0; }
.tp-sub { letter-spacing: .45em; font-size: .72em; color: #6a583c; text-indent: .45em; }
.tp-by { margin-top: 2.2em; font-style: italic; font-size: .85em; color: #6a583c; }
.tp-author { margin-top: .5em; font-variant: small-caps; letter-spacing: .16em; font-size: 1.12em; }
.tp-orn { margin-top: 2.2em; color: #8a744a; font-size: 1.3em; }
/* ---------- chrome ---------- */
.nav {
position: fixed; top: 50%; transform: translateY(-50%);
z-index: 60; cursor: pointer;
font: 46px/1 Georgia, serif; color: rgba(255,255,255,.30);
padding: 26px 14px; transition: color .2s;
background: none; border: 0; margin: 0;
-webkit-appearance: none; appearance: none;
}
.nav:hover { color: rgba(255,255,255,.75); }
#nav-prev { left: 4px; }
#nav-next { right: 4px; }
#hint {
position: fixed; left: 50%; bottom: 58px; transform: translateX(-50%);
z-index: 60; font: 12.5px/1.4 Georgia, serif; letter-spacing: .06em;
color: rgba(255,255,255,.45); background: rgba(0,0,0,.25);
padding: 6px 14px; border-radius: 20px; white-space: nowrap;
transition: opacity 1.2s; pointer-events: none;
}
#hint.gone { opacity: 0; }
#loader {
position: fixed; inset: 0; z-index: 100;
display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
background: rgba(24,21,18,.82);
font: 15px Georgia, serif; letter-spacing: .08em; color: #d8c9a6;
opacity: 0; pointer-events: none; transition: opacity .25s;
}
#loader.show { opacity: 1; pointer-events: auto; }
#loader .spin {
width: 34px; height: 34px; border-radius: 50%;
border: 3px solid rgba(216,201,166,.25); border-top-color: #d8c9a6;
animation: lspin .9s linear infinite;
}
@keyframes lspin { to { transform: rotate(360deg); } }
/* ---------- embossed cover tooling ---------- */
.cover-inner::before {
content: ''; position: absolute; inset: 2.2%;
pointer-events: none; opacity: .9;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='28'%20height='28'%3E%20%3Cg%20fill='none'%20stroke-width='1.4'%3E%20%3Cg%20transform='translate(0.9,0.9)'%20stroke='rgba(0,0,0,0.50)'%3E%20%3Cpath%20d='M14%206%20L22%2014%20L14%2022%20L6%2014%20Z'/%3E%3Ccircle%20cx='14'%20cy='14'%20r='1.8'/%3E%20%3C/g%3E%20%3Cg%20transform='translate(-0.6,-0.6)'%20stroke='rgba(255,255,255,0.13)'%3E%20%3Cpath%20d='M14%206%20L22%2014%20L14%2022%20L6%2014%20Z'/%3E%3Ccircle%20cx='14'%20cy='14'%20r='1.8'/%3E%20%3C/g%3E%20%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='28'%20height='28'%3E%20%3Cg%20fill='none'%20stroke-width='1.4'%3E%20%3Cg%20transform='translate(0.9,0.9)'%20stroke='rgba(0,0,0,0.50)'%3E%20%3Cpath%20d='M14%206%20L22%2014%20L14%2022%20L6%2014%20Z'/%3E%3Ccircle%20cx='14'%20cy='14'%20r='1.8'/%3E%20%3C/g%3E%20%3Cg%20transform='translate(-0.6,-0.6)'%20stroke='rgba(255,255,255,0.13)'%3E%20%3Cpath%20d='M14%206%20L22%2014%20L14%2022%20L6%2014%20Z'/%3E%3Ccircle%20cx='14'%20cy='14'%20r='1.8'/%3E%20%3C/g%3E%20%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='28'%20height='28'%3E%20%3Cg%20fill='none'%20stroke-width='1.4'%3E%20%3Cg%20transform='translate(0.9,0.9)'%20stroke='rgba(0,0,0,0.50)'%3E%20%3Cpath%20d='M14%206%20L22%2014%20L14%2022%20L6%2014%20Z'/%3E%3Ccircle%20cx='14'%20cy='14'%20r='1.8'/%3E%20%3C/g%3E%20%3Cg%20transform='translate(-0.6,-0.6)'%20stroke='rgba(255,255,255,0.13)'%3E%20%3Cpath%20d='M14%206%20L22%2014%20L14%2022%20L6%2014%20Z'/%3E%3Ccircle%20cx='14'%20cy='14'%20r='1.8'/%3E%20%3C/g%3E%20%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='28'%20height='28'%3E%20%3Cg%20fill='none'%20stroke-width='1.4'%3E%20%3Cg%20transform='translate(0.9,0.9)'%20stroke='rgba(0,0,0,0.50)'%3E%20%3Cpath%20d='M14%206%20L22%2014%20L14%2022%20L6%2014%20Z'/%3E%3Ccircle%20cx='14'%20cy='14'%20r='1.8'/%3E%20%3C/g%3E%20%3Cg%20transform='translate(-0.6,-0.6)'%20stroke='rgba(255,255,255,0.13)'%3E%20%3Cpath%20d='M14%206%20L22%2014%20L14%2022%20L6%2014%20Z'/%3E%3Ccircle%20cx='14'%20cy='14'%20r='1.8'/%3E%20%3C/g%3E%20%3C/g%3E%3C/svg%3E");
background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
background-position: left top, left bottom, left top, right top;
background-size: 28px 28px;
}
.cover-inner::after {
content: ''; position: absolute; inset: 1.4%;
pointer-events: none; opacity: .95;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='56'%20height='56'%3E%20%3Cg%20fill='none'%20stroke-width='1.5'%3E%20%3Cg%20transform='translate(1,1)'%20stroke='rgba(0,0,0,0.50)'%3E%20%3Ccircle%20cx='28'%20cy='28'%20r='16'/%3E%3Ccircle%20cx='28'%20cy='28'%20r='9'/%3E%20%3Cpath%20d='M28%2012%20Q31%2020%2028%2024%20Q25%2020%2028%2012%20Z%20M28%2044%20Q31%2036%2028%2032%20Q25%2036%2028%2044%20Z%20M12%2028%20Q20%2031%2024%2028%20Q20%2025%2012%2028%20Z%20M44%2028%20Q36%2031%2032%2028%20Q36%2025%2044%2028%20Z'/%3E%20%3C/g%3E%20%3Cg%20transform='translate(-0.7,-0.7)'%20stroke='rgba(255,255,255,0.13)'%3E%20%3Ccircle%20cx='28'%20cy='28'%20r='16'/%3E%3Ccircle%20cx='28'%20cy='28'%20r='9'/%3E%20%3Cpath%20d='M28%2012%20Q31%2020%2028%2024%20Q25%2020%2028%2012%20Z%20M28%2044%20Q31%2036%2028%2032%20Q25%2036%2028%2044%20Z%20M12%2028%20Q20%2031%2024%2028%20Q20%2025%2012%2028%20Z%20M44%2028%20Q36%2031%2032%2028%20Q36%2025%2044%2028%20Z'/%3E%20%3C/g%3E%20%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='56'%20height='56'%3E%20%3Cg%20fill='none'%20stroke-width='1.5'%3E%20%3Cg%20transform='translate(1,1)'%20stroke='rgba(0,0,0,0.50)'%3E%20%3Ccircle%20cx='28'%20cy='28'%20r='16'/%3E%3Ccircle%20cx='28'%20cy='28'%20r='9'/%3E%20%3Cpath%20d='M28%2012%20Q31%2020%2028%2024%20Q25%2020%2028%2012%20Z%20M28%2044%20Q31%2036%2028%2032%20Q25%2036%2028%2044%20Z%20M12%2028%20Q20%2031%2024%2028%20Q20%2025%2012%2028%20Z%20M44%2028%20Q36%2031%2032%2028%20Q36%2025%2044%2028%20Z'/%3E%20%3C/g%3E%20%3Cg%20transform='translate(-0.7,-0.7)'%20stroke='rgba(255,255,255,0.13)'%3E%20%3Ccircle%20cx='28'%20cy='28'%20r='16'/%3E%3Ccircle%20cx='28'%20cy='28'%20r='9'/%3E%20%3Cpath%20d='M28%2012%20Q31%2020%2028%2024%20Q25%2020%2028%2012%20Z%20M28%2044%20Q31%2036%2028%2032%20Q25%2036%2028%2044%20Z%20M12%2028%20Q20%2031%2024%2028%20Q20%2025%2012%2028%20Z%20M44%2028%20Q36%2031%2032%2028%20Q36%2025%2044%2028%20Z'/%3E%20%3C/g%3E%20%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='56'%20height='56'%3E%20%3Cg%20fill='none'%20stroke-width='1.5'%3E%20%3Cg%20transform='translate(1,1)'%20stroke='rgba(0,0,0,0.50)'%3E%20%3Ccircle%20cx='28'%20cy='28'%20r='16'/%3E%3Ccircle%20cx='28'%20cy='28'%20r='9'/%3E%20%3Cpath%20d='M28%2012%20Q31%2020%2028%2024%20Q25%2020%2028%2012%20Z%20M28%2044%20Q31%2036%2028%2032%20Q25%2036%2028%2044%20Z%20M12%2028%20Q20%2031%2024%2028%20Q20%2025%2012%2028%20Z%20M44%2028%20Q36%2031%2032%2028%20Q36%2025%2044%2028%20Z'/%3E%20%3C/g%3E%20%3Cg%20transform='translate(-0.7,-0.7)'%20stroke='rgba(255,255,255,0.13)'%3E%20%3Ccircle%20cx='28'%20cy='28'%20r='16'/%3E%3Ccircle%20cx='28'%20cy='28'%20r='9'/%3E%20%3Cpath%20d='M28%2012%20Q31%2020%2028%2024%20Q25%2020%2028%2012%20Z%20M28%2044%20Q31%2036%2028%2032%20Q25%2036%2028%2044%20Z%20M12%2028%20Q20%2031%2024%2028%20Q20%2025%2012%2028%20Z%20M44%2028%20Q36%2031%2032%2028%20Q36%2025%2044%2028%20Z'/%3E%20%3C/g%3E%20%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='56'%20height='56'%3E%20%3Cg%20fill='none'%20stroke-width='1.5'%3E%20%3Cg%20transform='translate(1,1)'%20stroke='rgba(0,0,0,0.50)'%3E%20%3Ccircle%20cx='28'%20cy='28'%20r='16'/%3E%3Ccircle%20cx='28'%20cy='28'%20r='9'/%3E%20%3Cpath%20d='M28%2012%20Q31%2020%2028%2024%20Q25%2020%2028%2012%20Z%20M28%2044%20Q31%2036%2028%2032%20Q25%2036%2028%2044%20Z%20M12%2028%20Q20%2031%2024%2028%20Q20%2025%2012%2028%20Z%20M44%2028%20Q36%2031%2032%2028%20Q36%2025%2044%2028%20Z'/%3E%20%3C/g%3E%20%3Cg%20transform='translate(-0.7,-0.7)'%20stroke='rgba(255,255,255,0.13)'%3E%20%3Ccircle%20cx='28'%20cy='28'%20r='16'/%3E%3Ccircle%20cx='28'%20cy='28'%20r='9'/%3E%20%3Cpath%20d='M28%2012%20Q31%2020%2028%2024%20Q25%2020%2028%2012%20Z%20M28%2044%20Q31%2036%2028%2032%20Q25%2036%2028%2044%20Z%20M12%2028%20Q20%2031%2024%2028%20Q20%2025%2012%2028%20Z%20M44%2028%20Q36%2031%2032%2028%20Q36%2025%2044%2028%20Z'/%3E%20%3C/g%3E%20%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: left top, right top, left bottom, right bottom;
background-size: 52px 52px;
}
/* ---------- illustration captions & display lines ---------- */
.illus {
margin: 1.15em 5%; padding: .5em 3%;
text-align: center; font-style: italic;
font-size: .84em; line-height: 1.45; color: #6b5a3e;
border-top: 1px solid rgba(122,100,60,.4);
border-bottom: 1px solid rgba(122,100,60,.4);
}
.disp {
text-align: center; margin: 1em 8%;
font-variant: small-caps; letter-spacing: .12em;
font-size: .95em; color: #4a3b28;
}
.ctitle {
text-align: center; font-variant: small-caps;
letter-spacing: .08em; font-size: 1.05em;
margin-top: .45em; color: #5a4a33;
}
.verse {
text-align: center; font-style: italic;
margin: 1.1em 0; line-height: 1.65; color: #4a3b28;
}
/* A PROSE EPIGRAPH -- the motto at the head of a chapter when it is a
paragraph rather than a line of verse. Indented on both sides so the
measure is visibly narrower than the text it stands over, which is what
tells the eye it is a quotation and not the chapter's first paragraph. */
.epig {
margin: 1.15em 7% 1.5em; text-indent: 0;
font-style: italic; font-size: .9em; line-height: 1.6;
color: #4a3b28; text-align: justify;
}
.epig + .epig { margin-top: -.7em; } /* a quotation and its translation */
.letter {
margin: 1.1em 6%; padding: .7em 1em;
font-size: .88em; line-height: 1.6; font-style: italic;
color: #4a3b28; background: rgba(146,120,70,.07);
border-left: 2px solid rgba(122,100,60,.45);
}
.songtitle {
text-align: center; font-variant: small-caps; letter-spacing: .18em;
text-indent: .18em; font-size: .92em; color: #5a4a33; margin: 1.2em 0 .3em;
}
.plate {
margin: 1.2em auto; padding: .45em 1.2em; width: fit-content;
text-align: center; letter-spacing: .3em; text-indent: .3em; font-size: .86em;
color: #4a3b28; border: 1px solid rgba(122,100,60,.55); border-radius: 2px;
background: rgba(170,150,95,.14);
}
.prog {
margin: 1.1em 6%; text-align: center; font-size: .85em; line-height: 1.75;
color: #4a3b28; border-top: 1px solid rgba(122,100,60,.4);
border-bottom: 1px solid rgba(122,100,60,.4); padding: .7em 0;
}
/* ---------- skip to page (fixed overlay: never touches #flipbook) ---------- */
#skipbar {
position: fixed; left: 50%; bottom: 12px;
transform: translateX(-50%) translateY(10px);
z-index: 70;
display: flex; align-items: center; gap: 8px;
opacity: 0; pointer-events: none;
transition: opacity .32s ease, transform .32s ease;
font-family: Georgia, 'Palatino Linotype', serif;
}
#skipbar.vis { opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0); }
#skipbar button {
font: 13.5px/1 Georgia, serif; letter-spacing: .06em;
color: #ffeec0; background: rgba(38,10,66,.85);
border: 1px solid rgba(255,216,106,.55); border-radius: 18px;
padding: 9px 16px; cursor: pointer;
-webkit-appearance: none; appearance: none;
transition: background .18s, color .18s, border-color .18s;
}
#skipbar button:hover { background: rgba(70,21,122,.94); color: #fff8dc; border-color: #ffd86a; }
#skipbar button:focus-visible { outline: 2px solid #ffd86a; outline-offset: 2px; }
#skip-wrap {
display: none; align-items: center; gap: 6px;
background: rgba(38,10,66,.9);
border: 1px solid rgba(255,216,106,.55); border-radius: 18px;
padding: 5px 6px 5px 12px;
}
#skip-wrap.open { display: flex; }
#skip-btn.gone { display: none; }
#skip-input {
width: 74px; font: 14px/1 Georgia, serif; text-align: center;
color: #1b0733; background: #f8f0e2;
border: 1px solid rgba(255,216,106,.7); border-radius: 12px;
padding: 7px 8px; -webkit-appearance: none; appearance: none;
}
#skip-input:focus { outline: 2px solid #ffd86a; outline-offset: 1px; }
#skip-err {
font: 11.5px/1 Georgia, serif; letter-spacing: .05em;
color: rgba(255,238,192,.72); padding-right: 8px; white-space: nowrap;
}
@keyframes skipShake {
0%,100% { transform: translateX(0); }
20% { transform: translateX(-5px); } 40% { transform: translateX(5px); }
60% { transform: translateX(-3px); } 80% { transform: translateX(3px); }
}
#skip-wrap.bad { animation: skipShake .34s ease; border-color: #ff5c7a; }
#skip-wrap.bad #skip-err { color: #ffb3c1; }
@media (prefers-reduced-motion: reduce) {
#skipbar { transition: opacity .2s ease; transform: translateX(-50%); }
#skipbar.vis { transform: translateX(-50%); }
#skip-wrap.bad { animation: none; }
}
/* ---------- chapter half-title page ----------
Same cream stock, margins and rules as a text page; no folio, as a printed
half-title carries none. .chapanim is an empty full-bleed stage kept for
per-chapter artwork later. Animation "rise and settle": numeral lifts, a
hairline draws outward from the centre, the title follows. */
.paper.intro { overflow: hidden; }
.intropage {
position: absolute; inset: 0;
display: flex; flex-direction: column;
align-items: center; justify-content: center;
}
.chapanim { position: absolute; inset: 0; pointer-events: none; }
.intro-label {
position: relative; z-index: 2;
text-align: center; padding: 0 14%;
font-family: Georgia, 'Palatino Linotype', serif;
color: #3a2f22;
}
.intro-label .il-num {
display: block; font-size: .74em; letter-spacing: .34em;
text-transform: uppercase; color: #8a6d3a;
}
.intro-label .il-rule {
display: block; height: 1px; width: 0; margin: 1.15em auto;
background: linear-gradient(to right, transparent, #b08d4c, transparent);
}
.intro-label .il-txt {
display: block; font-size: 1.42em; line-height: 1.35; letter-spacing: .04em;
}
.intro-label .il-txt.il-solo {
font-size: 1.9em; letter-spacing: .3em; text-indent: .3em; text-transform: uppercase;
}
/* An optional summary beneath the title. Set smaller, italic and narrower
than the measure of a text page, so that it reads as apparatus rather than
as the opening of the story it stands in front of. */
.intro-label .il-sum {
display: block; max-width: 22em; margin: 1.45em auto 0;
font-size: .86em; line-height: 1.62; letter-spacing: .012em;
font-style: italic; color: #5c4a32;
}
/* the reveal runs when the page comes into view, not on a loop */
.intropage .il-num,
.intropage .il-rule,
.intropage .il-sum,
.intropage .il-txt { opacity: 0; }
.intropage.play .il-num { animation: introUp .70s ease-out .10s both; }
.intropage.play .il-rule { animation: introRule .60s ease-out .68s both; }
.intropage.play .il-txt { animation: introUp .80s ease-out 1.00s both; }
.intropage.play .il-sum { animation: introUp .90s ease-out 1.38s both; }
@keyframes introUp { from { opacity: 0; transform: translateY(12px); }
to { opacity: 1; transform: none; } }
@keyframes introRule { from { width: 0; opacity: 0; }
to { width: 42%; opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
.intropage .il-num, .intropage .il-txt, .intropage .il-sum { opacity: 1; }
.intropage .il-rule { opacity: 1; width: 42%; }
.intropage.play .il-num,
.intropage.play .il-rule,
.intropage.play .il-sum,
.intropage.play .il-txt { animation: none; }
/* the drawing stays, but stops moving */
.chapanim * { animation: none !important; }
}
/* ---------- translator's footnote ----------
Three notes in Crime and Punishment are the translator's, not Dostoevsky's.
They are set smaller and ruled off so they can't be mistaken for the text. */
.tnote { font-size: .82em; line-height: 1.5; color: #5b4f3f; margin: 1.05em 0 .95em;
padding-top: .55em; border-top: 1px solid rgba(90,70,40,.28); text-indent: 0; }
/* A note with no marker of its own gets a dagger; a note that carries its
own asterisk marker prints that instead, so the reader can match it. */
.tnote.dagger::before { content: '\2020\2003'; color: #937a45; }
.tn-m { color: #937a45; margin-right: .6em; font-weight: 700; letter-spacing: .04em; }
/* ---------- part half-title ----------
'Part I' owns a whole leaf, like a chapter half-title. .partanim is a
full-bleed stage left deliberately empty: the per-part animation goes there
later and needs no change to the page geometry. The page keeps the ordinary
paper aesthetic rather than going dark. */
.paper.part { overflow: hidden; }
/* ---------- full-page plate ----------
A leaf given over entirely to one picture. No folio, no text envelope,
nothing beside it. object-fit: contain is what keeps the plate honest:
the image is fitted INSIDE the leaf whatever its proportions, so a wide
plan and a tall portrait are both shown whole rather than cropped to
fill. The inset leaves the paper's own margin showing as a mount. */
.paper.plateleaf { overflow: hidden; }
.fullimg {
position: absolute; inset: 7% 8%;
display: flex; align-items: center; justify-content: center;
}
/* A CAPTIONED PLATE. The uncaptioned rules above are left exactly as they
were; these only take effect when the block carries a caption, so the
plates in the two earlier books render identically. The figure becomes
the flex child and stacks picture over caption, and the picture's own
max-height is reduced to leave the caption room on the leaf. */
.fullimg.hascap figure {
margin: 0; display: flex; flex-direction: column;
align-items: center; justify-content: center;
max-width: 100%; max-height: 100%;
}
.fullimg.hascap img { max-height: 86%; }
.platecap {
margin-top: .9em; padding: 0 4%;
text-align: center; font-style: italic;
font-family: Georgia,'Palatino Linotype',serif;
font-size: .84em; line-height: 1.45; color: #6b5a3e;
}
.fullimg img {
max-width: 100%; max-height: 100%;
width: auto; height: auto; object-fit: contain;
/* the plates in this series are line blocks on white; a soft border and
a little shadow sit them on the cream stock instead of letting them
float as a bright rectangle */
background: #fdfaf2;
padding: 2.2%;
border: 1px solid rgba(122, 100, 60, .45);
box-shadow: 0 2px 10px rgba(84, 26, 18, .18);
}
/* ---------- a plate that BLEEDS ----------
Opt-in, and only when the block asks for it. Every rule above is left
exactly as it was and none of them is overridden except through the
.bleed class, so the two books already built with mounted plates render
character for character as before.
The difference is what the picture is FOR. A MOUNTED plate is an
illustration laid ON the page with paper showing round it. A BLED plate
IS the page: it runs to all four edges, and the caption therefore has no
paper of its own to stand on, so it has to stand on the picture. Two
consequences follow that the mounted rules never have to deal with.
FIRST, object-fit HAS TO BECOME cover. `contain` fits the whole picture
inside the leaf and leaves bars wherever the proportions disagree -- and
on a bled plate those bars are the one thing the mode exists to abolish.
`cover` fills the leaf and crops the overflow instead. That is a real
cost, paid knowingly: a plate materially wider or narrower than the leaf
loses its edges. The plates this was built for are portraits within a few
per cent of the leaf's own proportion, so the crop is a sliver off the
head and foot and no figure is cut.
SECOND, the caption NEEDS ITS OWN GROUND. Light type over an unknown
picture is legible on one plate and invisible on the next, so the caption
carries a gradient scrim: opaque at the foot, clear a short way up, dark
enough at every point in between that the words hold. The scrim is a
background ON THE CAPTION BOX rather than a separate element, so it can
never drift away from the words it exists to carry. */
.fullimg.bleed { inset: 0; }
.fullimg.bleed figure {
margin: 0; position: absolute; inset: 0;
display: block; max-width: none; max-height: none;
}
.fullimg.bleed img {
width: 100%; height: 100%;
max-width: none; max-height: none;
object-fit: cover; object-position: center;
/* the mount goes with the margin it used to sit in */
background: none; padding: 0; border: 0; box-shadow: none;
}
.fullimg.bleed .platecap {
position: absolute; left: 0; right: 0; bottom: 0;
margin: 0; padding: 2.4em 7% 1.2em;
color: #fdf3df;
text-shadow: 0 1px 3px rgba(0, 0, 0, .85);
background: linear-gradient(to top,
rgba(18, 12, 7, .90) 0%,
rgba(18, 12, 7, .80) 40%,
rgba(18, 12, 7, .44) 72%,
rgba(18, 12, 7, 0) 100%);
}
.parttitle { position: absolute; inset: 0; display: flex;
flex-direction: column; align-items: center; justify-content: center; }
.partanim { position: absolute; inset: 0; pointer-events: none; }
.part-label { position: relative; z-index: 2; text-align: center; padding: 0 14%;
font-family: Georgia,'Palatino Linotype',serif; color: #3a2f22; }
.part-label .pt-rule { display: block; height: 1px; width: 0; margin: 1.5em auto;
background: linear-gradient(to right, transparent, #b08d4c, transparent); }
/* The word sits small and widely tracked above a big display numeral. */
.part-label .pt-word { display: block; font-size: .95em; letter-spacing: .52em;
text-indent: .52em; text-transform: uppercase; color: #7a6440;
margin-bottom: .18em; }
.part-label .pt-num { display: block; font-size: 5.6em; line-height: 1;
letter-spacing: .10em; text-indent: .10em; font-weight: 700;
text-transform: uppercase;
background: linear-gradient(180deg, #6b5636 0%, #b08d4c 42%,
#e6cd92 62%, #8a6f42 100%);
-webkit-background-clip: text; background-clip: text;
color: #8a6f42; -webkit-text-fill-color: transparent;
filter: drop-shadow(0 2px 0 rgba(255,252,244,.55))
drop-shadow(0 -1px 0 rgba(74,58,32,.28)); }
/* The legend's name, under the numeral. Optional: only parts that carry a
"sub" get one. Set in italic at text size so it reads as a name rather
than competing with the display numeral above it. */
.part-label .pt-sub { display: block; margin-top: .70em; font-size: 1.06em;
font-style: italic; letter-spacing: .06em; line-height: 1.35;
color: #6b5636; }
/* A label with no numeral -- "Epilogue" -- is set as one modest line. */
.parttitle.solo .pt-num { font-size: 2.3em; letter-spacing: .30em; text-indent: .30em; }
/* ---- the animated stage behind the lettering ----
Three rings open outward from the centre and six motes drift up through
them. Every looping period is distinct, per the out-of-phase rule that
governs the covers; the one-shot reveals are staged so the rules draw,
then the word, then the numeral lands. */
.partanim .pa-ring { position: absolute; left: 50%; top: 50%; border-radius: 50%;
border: 1px solid rgba(176,141,76,.42); opacity: 0;
transform: translate(-50%,-50%) scale(.2); }
.partanim .g0 { width: 34%; padding-bottom: 34%; }
.partanim .g1 { width: 52%; padding-bottom: 52%; border-color: rgba(176,141,76,.30); }
.partanim .g2 { width: 72%; padding-bottom: 72%; border-color: rgba(176,141,76,.20); }
.partanim .pa-mote { position: absolute; width: 5px; height: 5px; border-radius: 50%;
background: rgba(176,141,76,.55); opacity: 0; }
.partanim .m0 { left: 22%; bottom: 16%; }
.partanim .m1 { left: 37%; bottom: 10%; }
.partanim .m2 { left: 52%; bottom: 19%; }
.partanim .m3 { left: 66%; bottom: 12%; }
.partanim .m4 { left: 78%; bottom: 22%; }
.partanim .m5 { left: 45%; bottom: 26%; }
/* ---- a drawing in place of the rings ----
A book may hand its Book pages line art of their own, standing for the
chapters in that Book. It is a full-bleed stage under the lettering, like
.chapanim on a chapter half-title, and it REPLACES the rings rather than
joining them -- the engine emits one stage or the other, never both.
The drawings themselves live in the per-book scenes.css the builder
appends; all this rule does is give them a stage to hang in. */
.partart { position: absolute; inset: 0; pointer-events: none; }
.parttitle .pt-word, .parttitle .pt-num, .parttitle .pt-rule,
.parttitle .pt-sub { opacity: 0; }
.parttitle.play .pt-rule:first-child { animation: ptRule .60s ease-out .10s both; }
.parttitle.play .pt-word { animation: ptUp .70s ease-out .46s both; }
.parttitle.play .pt-num { animation: ptNum .95s cubic-bezier(.19,1,.22,1) .62s both; }
/* The legend's name arrives after the numeral has settled, and before
the closing rule draws itself. */
.parttitle.play .pt-sub { animation: ptUp .70s ease-out 1.16s both; }
.parttitle.play .pt-rule:last-child { animation: ptRule .60s ease-out 1.62s both; }
.parttitle.play .g0 { animation: ptRing 1.50s cubic-bezier(.22,.9,.3,1) .30s both,
ptBreathe 7.30s ease-in-out 1.9s infinite; }
.parttitle.play .g1 { animation: ptRing 1.70s cubic-bezier(.22,.9,.3,1) .48s both,
ptBreathe 9.10s ease-in-out 2.2s infinite; }
.parttitle.play .g2 { animation: ptRing 1.90s cubic-bezier(.22,.9,.3,1) .66s both,
ptBreathe 11.40s ease-in-out 2.6s infinite; }
.parttitle.play .m0 { animation: ptMote 6.20s ease-in-out 1.40s infinite; }
.parttitle.play .m1 { animation: ptMote 7.10s ease-in-out 1.95s infinite; }
.parttitle.play .m2 { animation: ptMote 8.30s ease-in-out 2.40s infinite; }
.parttitle.play .m3 { animation: ptMote 9.40s ease-in-out 1.70s infinite; }
.parttitle.play .m4 { animation: ptMote 10.60s ease-in-out 2.80s infinite; }
.parttitle.play .m5 { animation: ptMote 11.90s ease-in-out 3.20s infinite; }
/* ---------- the sand sequence on a part page ----------
Three stages, in this order: the Book's title fades in letter by letter,
the letters blow away downwind, and the numeral resolves in the space they
leave. build.py bakes each letter's two delays and its own drift into
inline custom properties, so the stagger is scaled to the length of the
title and every Book page runs to the same clock however long its title is.
The title is laid over the whole leaf rather than stacked above the label,
so the numeral appears exactly where the title was standing rather than
somewhere underneath it. Words are inline-block: a line may break between
words and never inside one.
Note on the two animations per letter. sandOut is declared with `both`, so
during its delay it holds its own first frame -- and its first frame is the
fully-arrived letter, which is precisely what sandIn finished on. That is
what lets the two run back to back on one element without the second one
wiping out the first while it waits. */
/* Tracking and word space have to be set against each other. These titles
are capitals, and tracked-out capitals need a word space that grows with
the tracking -- at .12em of tracking against a .42em gap the two readings
were close enough that the line ran together and you could not see where
one word ended. The tracking is now half what it was and the word space
two and a half times, which puts them an order of magnitude apart. */
.parttitle.sandseq .pt-sand { position: absolute; inset: 10% 11%; z-index: 3;
display: flex; flex-wrap: wrap; gap: .35em 0;
align-items: center; justify-content: center; align-content: center;
font-family: Georgia,'Palatino Linotype',serif; color: #3a2f22;
font-size: 1.06em; line-height: 1.85; letter-spacing: .06em;
pointer-events: none; }
/* The word-space, and why it is a margin rather than the flex gap above.
The letters are wrapped in one aria-hidden span so a screen reader gets the
title once from the container instead of spelling it out. That wrapper is
the ONLY child of the flex box, so flex gap had nothing to apply between --
and because the builder joins the word spans with no whitespace at all,
there was no word-space in the markup either. The words were separated by
precisely the trailing letter-spacing of their last letter, which is to say
by exactly the same distance as the letters inside them, which is exactly
what a reader reported: you could not see where one word ended.
display:contents lifts the words back out to be the flex items, and the
margin gives them a word-space that holds whatever layout context they end
up in. Belt and braces on purpose: this went wrong once already. */
.parttitle.sandseq .pt-sand .sandwrap { display: contents; }
.parttitle.sandseq .pt-sand .w { display: inline-block; white-space: nowrap;
margin-right: 1.05em; }
.parttitle.sandseq .pt-sand .w:last-child { margin-right: 0; }
.parttitle.sandseq .pt-sand .l { display: inline-block; opacity: 0;
will-change: transform, opacity, filter; }
/* The hold. The last letter of a title arrives at 1.55s -- one second of
stagger plus its own .55s -- so the hold is what is left for reading it,
not the whole of the number below. At 2.20s the assembled title stood for
two thirds of a second, which is not long enough to read a line that can
run to two hundred and fifty characters. At 5.60s it stands for four
seconds. Everything downstream is timed off this number. */
.parttitle.sandseq.play .pt-sand .l {
animation: sandIn .55s ease-out var(--fd) both,
sandOut 1.05s cubic-bezier(.42,0,.86,.24)
calc(5.60s + var(--bd)) both; }
/* The numeral waits for the title to be most of the way gone: the first
letters are still in the air when it starts to arrive. These four move with
the hold above -- 3.40s later than they were, because the hold is. */
.parttitle.sandseq.play .pt-rule:first-child { animation: ptRule .60s ease-out 7.26s both; }
.parttitle.sandseq.play .pt-word { animation: ptUp .70s ease-out 7.42s both; }
.parttitle.sandseq.play .pt-num { animation: ptNum .95s cubic-bezier(.19,1,.22,1) 7.58s both; }
.parttitle.sandseq.play .pt-rule:last-child { animation: ptRule .60s ease-out 8.00s both; }
@keyframes sandIn { from { opacity:0; transform: translateY(12px) scale(.94);
filter: blur(3px); }
to { opacity:1; transform:none; filter: blur(0); } }
@keyframes sandOut { 0% { opacity:1; transform:none; filter: blur(0); }
22% { opacity:.94;
transform: translate(calc(var(--dx) * .07), calc(var(--dy) * .07))
rotate(calc(var(--r) * .05)); filter: blur(.4px); }
100% { opacity:0;
transform: translate(var(--dx), var(--dy))
rotate(var(--r)) scale(.55); filter: blur(4px); } }
/* A reader who has asked for less motion gets the same three facts without
the weather: the title simply is there, and the numeral simply is there. */
@media (prefers-reduced-motion: reduce) {
.parttitle.sandseq .pt-sand .l,
.parttitle.sandseq.play .pt-sand .l { animation: none; opacity: 1; }
.parttitle.sandseq.play .pt-word,
.parttitle.sandseq.play .pt-num,
.parttitle.sandseq.play .pt-rule { animation-delay: 0s; }
/* the Book's drawing stays on the page, but stops being drawn */
.partart * { animation: none !important; }
}
@keyframes ptUp { from { opacity:0; transform: translateY(14px); } to { opacity:1; transform:none; } }
@keyframes ptRule { from { width:0; opacity:0; } to { width:46%; opacity:1; } }
@keyframes ptNum { 0% { opacity:0; transform: translateY(26px) scale(.82); letter-spacing:.34em; }
100% { opacity:1; transform:none; letter-spacing:.10em; } }
@keyframes ptRing { from { opacity:0; transform: translate(-50%,-50%) scale(.2); }
to { opacity:1; transform: translate(-50%,-50%) scale(1); } }
@keyframes ptBreathe { 0%,100% { opacity:.55; } 50% { opacity:1; } }
@keyframes ptMote { 0% { opacity:0; transform: translateY(0) scale(.7); }
18% { opacity:.85; }
82% { opacity:.85; }
100% { opacity:0; transform: translateY(-190px) scale(1.25); } }
/* ---------- signature and subhead ----------
Both were emitted by the engine but never styled: 75 signature lines across
Little Women, Pride and Prejudice and The Jungle Book were rendering as
ordinary paragraphs. A signature closes a letter, so it sits right and
italic; a subhead is a minor division inside a chapter. */
.sig { text-align: right; font-style: italic; text-indent: 0;
margin: .35em 0 1.05em; padding-right: .4em; color: #40362a; }
.subhead { text-align: center; text-indent: 0; margin: 1.35em 0 .85em;
font-size: .93em; letter-spacing: .17em; text-transform: uppercase;
color: #5b4a33; }
/* A SECTION HEAD -- the third level of division, added for The Theory of
Moral Sentiments, which sets Part over Section over Chapter. It has to read
as LARGER than a chapter head and SMALLER than a Part leaf, and the way it
does that is by being ruled rather than by being loud: rules above and
below mark it as a boundary, while the type stays close to the chapter
head's size so the page does not acquire a second shouting voice. */
.sect {
margin: 1.6em 4% 1.4em; text-align: center;
border-top: 1.2px solid #c3b291;
border-bottom: 1.2px solid #c3b291;
padding: .55em 0 .6em;
}
.sect-num {
display: block; font-variant: small-caps; letter-spacing: .16em;
font-size: .82em; color: #8a7350; margin-bottom: .18em;
}
.sect-ttl {
display: block; font-style: italic; font-size: 1.02em;
line-height: 1.45; color: #4a3b28;
}
/* AN EPIGRAPH WITH ITS SOURCE, SET AS ONE OBJECT. Udolpho heads every one of
its 57 chapters with a quotation and names the poet under it, and eight more
stand inside the prose. The lines are centred italic like .verse; the rule
beneath is what separates the quotation from the chapter it stands over, and
the source is set small and spaced so that it reads as a signature rather
than as a last line of the poem. Measured as one block by the paginator, so
a poet is never left stranded at the top of the following page. */
.motto {
margin: 1.15em 8% 1.6em;
text-indent: 0;
}
.motto-v {
text-align: center; font-style: italic;
font-size: .93em; line-height: 1.6; color: #4a3b28;
}
.motto-src {
margin-top: .45em; padding-top: .4em;
border-top: 1px solid rgba(150,124,74,.42);
text-align: center; font-style: normal;
font-variant: small-caps; letter-spacing: .15em; text-indent: .15em;
font-size: .74em; color: #8a7350;
}
/* Directly under a chapter head the motto wants a little more air above it and
a shade less below, so the quotation sits with the heading rather than
floating between the heading and the first paragraph. */
.chead + .motto { margin-top: 1.5em; margin-bottom: 1.9em; }
/* princess cover. Scoped under .cover-front. */
/* The reset every illustrated cover needs. Without it the engine
keeps its own 3px double gold border at inset 7%, which the
600x820 artwork overflows, and keeps rendering .cover-sub from
the book config, whose -joined words cannot wrap and run
off both edges. The SVG sets its own lettering. */
.cover-front .cover-frame { padding: 0; border: 0; }
.cover-front .cover-title { width: 100%; font-size: 1em; letter-spacing: 0; text-shadow: none; }
.cover-front svg.cvsvg { width: 100%; height: auto; display: block; }
.cover-front .cover-orn, .cover-front .cover-sub, .cover-front .cover-author { display: none; }
/* The engine also stamps an embossed border of its own on every
cover: .cover-inner::before repeats a diamond band along all
four edges at 2.2% inset, and ::after sets rosettes in the four
corners at 1.4%. Both are drawn as a dark copy offset against a
light one -- the emboss technique. On a full-bleed illustration
that reads as a frame the art is trapped inside, so it is off
here. The back cover keeps it. */
.cover-front .cover-inner::before,
.cover-front .cover-inner::after { display: none; }
.cover-front .cvsvg text { font-family: Georgia,'Times New Roman',serif; text-anchor: middle; }
.cover-front .an-bloom { animation: pBloom 5.41s ease-in-out 0.00s infinite; }
@keyframes pBloom { 0%,100% { opacity:1; } 46% { opacity:.86; } }
.cover-front .fr0 { animation: pFR0F 22.13s linear 0.00s infinite; }
@keyframes pFR0F { 0% { transform:translate(0.0px,0.0px); } 7.7% { opacity:1.00; } 9.3% { transform:translate(5.0px,81.8px); opacity:0.34; } 25% { transform:translate(9.0px,220.0px); } 29.3% { transform:translate(8.7px,257.8px); opacity:0.34; } 30.9% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-9.0px,660.0px); } 83.7% { opacity:1.00; } 85.3% { transform:translate(-7.2px,750.6px); opacity:0.46; } 93.9% { transform:translate(-3.4px,826.3px); opacity:0.46; } 95.5% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr1 { animation: pFR1F 22.29s linear 0.00s infinite; }
@keyframes pFR1F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 46.3% { opacity:1.00; } 47.9% { transform:translate(1.2px,421.5px); opacity:0.46; } 50% { transform:translate(0.0px,440.0px); } 56.5% { transform:translate(-3.6px,497.2px); opacity:0.46; } 58.1% { opacity:1.00; } 70.4% { opacity:1.00; } 72% { transform:translate(-8.8px,633.6px); opacity:0.34; } 75% { transform:translate(-9.0px,660.0px); } 92% { transform:translate(-4.3px,809.6px); opacity:0.34; } 93.6% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr2 { animation: pFR2F 22.45s linear 0.00s infinite; }
@keyframes pFR2F { 0% { transform:translate(0.0px,0.0px); } 8.1% { opacity:1.00; } 9.7% { transform:translate(5.1px,85.4px); opacity:0.34; } 25% { transform:translate(9.0px,220.0px); } 29.7% { transform:translate(8.6px,261.4px); opacity:0.34; } 31.3% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-9.0px,660.0px); } 84% { opacity:1.00; } 85.6% { transform:translate(-7.1px,753.3px); opacity:0.46; } 94.2% { transform:translate(-3.2px,829.0px); opacity:0.46; } 95.8% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr3 { animation: pFR3F 22.61s linear 0.00s infinite; }
@keyframes pFR3F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 37.8% { opacity:1.00; } 39.4% { transform:translate(5.6px,346.7px); opacity:0.46; } 48% { transform:translate(1.1px,422.4px); opacity:0.46; } 49.6% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 61.9% { opacity:1.00; } 63.5% { transform:translate(-6.7px,558.8px); opacity:0.34; } 75% { transform:translate(-9.0px,660.0px); } 83.5% { transform:translate(-7.7px,734.8px); opacity:0.34; } 85.1% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr4 { animation: pFR4F 22.77s linear 0.00s infinite; }
@keyframes pFR4F { 0% { transform:translate(0.0px,0.0px); } 23.5% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 25.1% { transform:translate(9.0px,220.9px); opacity:0.46; } 33.7% { transform:translate(7.7px,296.6px); opacity:0.46; } 35.3% { opacity:1.00; } 47.6% { opacity:1.00; } 49.2% { transform:translate(0.5px,433.0px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 69.2% { transform:translate(-8.4px,609.0px); opacity:0.34; } 70.8% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr5 { animation: pFR5F 22.93s linear 0.00s infinite; }
@keyframes pFR5F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 34% { opacity:1.00; } 35.6% { transform:translate(7.1px,313.3px); opacity:0.46; } 44.2% { transform:translate(3.2px,389.0px); opacity:0.46; } 45.8% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 58.1% { opacity:1.00; } 59.7% { transform:translate(-5.1px,525.4px); opacity:0.34; } 75% { transform:translate(-9.0px,660.0px); } 79.7% { transform:translate(-8.6px,701.4px); opacity:0.34; } 81.3% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr6 { animation: pFR6F 23.09s linear 0.00s infinite; }
@keyframes pFR6F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 52.8% { opacity:1.00; } 54.4% { transform:translate(-2.5px,478.7px); opacity:0.46; } 63% { transform:translate(-6.6px,554.4px); opacity:0.46; } 64.6% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 76.9% { opacity:1.00; } 78.5% { transform:translate(-8.8px,690.8px); opacity:0.34; } 98.5% { transform:translate(-0.9px,866.8px); opacity:0.34; } 100% { transform:translate(-0.0px,880.0px); opacity:1.00; } }
.cover-front .fr7 { animation: pFR7F 23.25s linear 0.00s infinite; }
@keyframes pFR7F { 0% { transform:translate(0.0px,0.0px); } 7.2% { opacity:1.00; } 8.8% { transform:translate(4.7px,77.4px); opacity:0.46; } 17.4% { transform:translate(8.0px,153.1px); opacity:0.46; } 19% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 31.2% { opacity:1.00; } 32.8% { transform:translate(7.9px,288.6px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 52.8% { transform:translate(-1.6px,464.6px); opacity:0.34; } 54.4% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr8 { animation: pFR8F 23.41s linear 0.00s infinite; }
@keyframes pFR8F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 38% { opacity:1.00; } 39.6% { transform:translate(5.5px,348.5px); opacity:0.46; } 48.2% { transform:translate(1.0px,424.2px); opacity:0.46; } 49.8% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 62.1% { opacity:1.00; } 63.7% { transform:translate(-6.8px,560.6px); opacity:0.34; } 75% { transform:translate(-9.0px,660.0px); } 83.7% { transform:translate(-7.7px,736.6px); opacity:0.34; } 85.3% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr9 { animation: pFR9F 23.57s linear 0.00s infinite; }
@keyframes pFR9F { 0% { transform:translate(0.0px,0.0px); } 15.8% { opacity:1.00; } 17.4% { transform:translate(8.0px,153.1px); opacity:0.46; } 25% { transform:translate(9.0px,220.0px); } 26% { transform:translate(9.0px,228.8px); opacity:0.46; } 27.6% { opacity:1.00; } 39.9% { opacity:1.00; } 41.5% { transform:translate(4.6px,365.2px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 61.5% { transform:translate(-5.9px,541.2px); opacity:0.34; } 63.1% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr10 { animation: pFR10F 23.73s linear 0.00s infinite; }
@keyframes pFR10F { 0% { transform:translate(0.0px,0.0px); } 4% { opacity:1.00; } 5.6% { transform:translate(3.1px,49.3px); opacity:0.34; } 25% { transform:translate(9.0px,220.0px); } 25.6% { transform:translate(9.0px,225.3px); opacity:0.34; } 27.2% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-9.0px,660.0px); } 79.9% { opacity:1.00; } 81.5% { transform:translate(-8.3px,717.2px); opacity:0.46; } 90.1% { transform:translate(-5.2px,792.9px); opacity:0.46; } 91.7% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr11 { animation: pFR11F 23.89s linear 0.00s infinite; }
@keyframes pFR11F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 29.7% { opacity:1.00; } 31.3% { transform:translate(8.3px,275.4px); opacity:0.46; } 39.9% { transform:translate(5.3px,351.1px); opacity:0.46; } 41.5% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 53.8% { opacity:1.00; } 55.4% { transform:translate(-3.0px,487.5px); opacity:0.34; } 75% { transform:translate(-9.0px,660.0px); } 75.4% { transform:translate(-9.0px,663.5px); opacity:0.34; } 77% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr12 { animation: pFR12F 24.05s linear 0.00s infinite; }
@keyframes pFR12F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 45.6% { opacity:1.00; } 47.2% { transform:translate(1.6px,415.4px); opacity:0.46; } 50% { transform:translate(0.0px,440.0px); } 55.9% { transform:translate(-3.2px,491.9px); opacity:0.46; } 57.5% { opacity:1.00; } 69.7% { opacity:1.00; } 71.3% { transform:translate(-8.8px,627.4px); opacity:0.34; } 75% { transform:translate(-9.0px,660.0px); } 91.3% { transform:translate(-4.7px,803.4px); opacity:0.34; } 92.9% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr13 { animation: pFR13F 24.21s linear 0.00s infinite; }
@keyframes pFR13F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 13.8% { transform:translate(6.9px,121.4px); opacity:0.34; } 15.4% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 68.1% { opacity:1.00; } 69.7% { transform:translate(-8.5px,613.4px); opacity:0.46; } 75% { transform:translate(-9.0px,660.0px); } 78.3% { transform:translate(-8.8px,689.0px); opacity:0.46; } 79.9% { opacity:1.00; } 92.2% { opacity:1.00; } 93.8% { transform:translate(-3.4px,825.4px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .fr14 { animation: pFR14F 24.37s linear 0.00s infinite; }
@keyframes pFR14F { 0% { transform:translate(0.0px,0.0px); } 12.8% { opacity:1.00; } 14.4% { transform:translate(7.1px,126.7px); opacity:0.46; } 23% { transform:translate(8.9px,202.4px); opacity:0.46; } 24.6% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 36.9% { opacity:1.00; } 38.5% { transform:translate(6.0px,338.8px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 58.5% { transform:translate(-4.6px,514.8px); opacity:0.34; } 60.1% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr15 { animation: pFR15F 24.53s linear 0.00s infinite; }
@keyframes pFR15F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 49.9% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 51.5% { transform:translate(-0.8px,453.2px); opacity:0.46; } 60.1% { transform:translate(-5.4px,528.9px); opacity:0.46; } 61.7% { opacity:1.00; } 74% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 75.6% { transform:translate(-9.0px,665.3px); opacity:0.34; } 95.6% { transform:translate(-2.5px,841.3px); opacity:0.34; } 97.2% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr16 { animation: pFR16F 24.69s linear 0.00s infinite; }
@keyframes pFR16F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 26.1% { opacity:1.00; } 27.7% { transform:translate(8.9px,243.8px); opacity:0.46; } 36.3% { transform:translate(6.8px,319.4px); opacity:0.46; } 37.9% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 50.2% { opacity:1.00; } 51.8% { transform:translate(-1.0px,455.8px); opacity:0.34; } 71.8% { transform:translate(-8.8px,631.8px); opacity:0.34; } 73.4% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr17 { animation: pFR17F 24.85s linear 0.00s infinite; }
@keyframes pFR17F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 2.3% { transform:translate(1.3px,20.2px); opacity:0.34; } 3.9% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 56.6% { opacity:1.00; } 58.2% { transform:translate(-4.4px,512.2px); opacity:0.46; } 66.8% { transform:translate(-7.8px,587.8px); opacity:0.46; } 68.4% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 80.7% { opacity:1.00; } 82.3% { transform:translate(-8.1px,724.2px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .fr18 { animation: pFR18F 25.01s linear 0.00s infinite; }
@keyframes pFR18F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 12.1% { transform:translate(6.2px,106.5px); opacity:0.34; } 13.7% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 66.4% { opacity:1.00; } 68% { transform:translate(-8.1px,598.4px); opacity:0.46; } 75% { transform:translate(-9.0px,660.0px); } 76.6% { transform:translate(-9.0px,674.1px); opacity:0.46; } 78.2% { opacity:1.00; } 90.5% { opacity:1.00; } 92.1% { transform:translate(-4.3px,810.5px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .fr19 { animation: pFR19F 25.17s linear 0.00s infinite; }
@keyframes pFR19F { 0% { transform:translate(0.0px,0.0px); } 7.7% { opacity:1.00; } 9.3% { transform:translate(4.9px,81.8px); opacity:0.46; } 17.9% { transform:translate(8.1px,157.5px); opacity:0.46; } 19.5% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 31.8% { opacity:1.00; } 33.4% { transform:translate(7.8px,293.9px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 53.4% { transform:translate(-1.9px,469.9px); opacity:0.34; } 55% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr20 { animation: pFR20F 25.33s linear 0.00s infinite; }
@keyframes pFR20F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 32.6% { opacity:1.00; } 34.2% { transform:translate(7.6px,301.0px); opacity:0.46; } 42.8% { transform:translate(3.9px,376.6px); opacity:0.46; } 44.4% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 56.6% { opacity:1.00; } 58.2% { transform:translate(-4.5px,512.2px); opacity:0.34; } 75% { transform:translate(-9.0px,660.0px); } 78.2% { transform:translate(-8.8px,688.2px); opacity:0.34; } 79.8% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr21 { animation: pFR21F 25.49s linear 0.00s infinite; }
@keyframes pFR21F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 48.6% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 50.2% { transform:translate(-0.1px,441.8px); opacity:0.46; } 58.8% { transform:translate(-4.7px,517.4px); opacity:0.46; } 60.4% { opacity:1.00; } 72.7% { opacity:1.00; } 74.3% { transform:translate(-9.0px,653.8px); opacity:0.34; } 75% { transform:translate(-9.0px,660.0px); } 94.3% { transform:translate(-3.2px,829.8px); opacity:0.34; } 95.9% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr22 { animation: pFR22F 25.65s linear 0.00s infinite; }
@keyframes pFR22F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 35.4% { opacity:1.00; } 37% { transform:translate(6.5px,325.6px); opacity:0.46; } 45.7% { transform:translate(2.4px,402.2px); opacity:0.46; } 47.3% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 59.5% { opacity:1.00; } 61.1% { transform:translate(-5.8px,537.7px); opacity:0.34; } 75% { transform:translate(-9.0px,660.0px); } 81.1% { transform:translate(-8.3px,713.7px); opacity:0.34; } 82.7% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr23 { animation: pFR23F 25.81s linear 0.00s infinite; }
@keyframes pFR23F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 51% { opacity:1.00; } 52.6% { transform:translate(-1.4px,462.9px); opacity:0.46; } 61.2% { transform:translate(-5.8px,538.6px); opacity:0.46; } 62.8% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 75.1% { opacity:1.00; } 76.7% { transform:translate(-9.0px,675.0px); opacity:0.34; } 96.7% { transform:translate(-1.9px,851.0px); opacity:0.34; } 98.3% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr24 { animation: pFR24F 25.97s linear 0.00s infinite; }
@keyframes pFR24F { 0% { transform:translate(0.0px,0.0px); } 4.5% { opacity:1.00; } 6.1% { transform:translate(3.4px,53.7px); opacity:0.46; } 14.7% { transform:translate(7.2px,129.4px); opacity:0.46; } 16.3% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 28.6% { opacity:1.00; } 30.2% { transform:translate(8.5px,265.8px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 50.2% { transform:translate(-0.1px,441.8px); opacity:0.34; } 51.8% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr25 { animation: pFR25F 26.13s linear 0.00s infinite; }
@keyframes pFR25F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 25.7% { opacity:1.00; } 27.3% { transform:translate(8.9px,240.2px); opacity:0.46; } 36% { transform:translate(6.9px,316.8px); opacity:0.46; } 37.6% { opacity:1.00; } 49.8% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 51.4% { transform:translate(-0.8px,452.3px); opacity:0.34; } 71.4% { transform:translate(-8.8px,628.3px); opacity:0.34; } 73% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr26 { animation: pFR26F 26.29s linear 0.00s infinite; }
@keyframes pFR26F { 0% { transform:translate(0.0px,0.0px); } 7.1% { opacity:1.00; } 8.7% { transform:translate(4.7px,76.6px); opacity:0.46; } 17.3% { transform:translate(8.0px,152.2px); opacity:0.46; } 18.9% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 31.2% { opacity:1.00; } 32.8% { transform:translate(7.9px,288.6px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 52.8% { transform:translate(-1.6px,464.6px); opacity:0.34; } 54.4% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr27 { animation: pFR27F 26.45s linear 0.00s infinite; }
@keyframes pFR27F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 48.3% { opacity:1.00; } 49.9% { transform:translate(0.1px,439.1px); opacity:0.46; } 50% { transform:translate(0.0px,440.0px); } 58.5% { transform:translate(-4.6px,514.8px); opacity:0.46; } 60.1% { opacity:1.00; } 72.4% { opacity:1.00; } 74% { transform:translate(-9.0px,651.2px); opacity:0.34; } 75% { transform:translate(-9.0px,660.0px); } 94% { transform:translate(-3.3px,827.2px); opacity:0.34; } 95.6% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr28 { animation: pFR28F 26.61s linear 0.00s infinite; }
@keyframes pFR28F { 0% { transform:translate(0.0px,0.0px); } 4.1% { opacity:1.00; } 5.7% { transform:translate(3.1px,50.2px); opacity:0.34; } 25% { transform:translate(9.0px,220.0px); } 25.7% { transform:translate(9.0px,226.2px); opacity:0.34; } 27.3% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-9.0px,660.0px); } 80% { opacity:1.00; } 81.6% { transform:translate(-8.2px,718.1px); opacity:0.46; } 90.2% { transform:translate(-5.2px,793.8px); opacity:0.46; } 91.8% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr29 { animation: pFR29F 26.77s linear 0.00s infinite; }
@keyframes pFR29F { 0% { transform:translate(0.0px,0.0px); opacity:0.46; } 6.7% { transform:translate(3.7px,59.0px); opacity:0.46; } 8.3% { opacity:1.00; } 20.5% { opacity:1.00; } 22.1% { transform:translate(8.9px,194.5px); opacity:0.34; } 25% { transform:translate(9.0px,220.0px); } 42.1% { transform:translate(4.3px,370.5px); opacity:0.34; } 43.7% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-9.0px,660.0px); } 96.5% { opacity:1.00; } 98.1% { transform:translate(-1.1px,863.3px); opacity:0.46; } 100% { transform:translate(0.0px,880.0px); opacity:0.46; } }
.cover-front .fr30 { animation: pFR30F 26.93s linear 0.00s infinite; }
@keyframes pFR30F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 19.2% { transform:translate(8.4px,169.0px); opacity:0.34; } 20.8% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 73.5% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 75.1% { transform:translate(-9.0px,660.9px); opacity:0.46; } 83.7% { transform:translate(-7.7px,736.6px); opacity:0.46; } 85.3% { opacity:1.00; } 97.6% { opacity:1.00; } 99.2% { transform:translate(-0.5px,873.0px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .fr31 { animation: pFR31F 27.09s linear 0.00s infinite; }
@keyframes pFR31F { 0% { transform:translate(0.0px,0.0px); } 1% { opacity:1.00; } 2.6% { transform:translate(1.5px,22.9px); opacity:0.46; } 11.3% { transform:translate(5.8px,99.4px); opacity:0.46; } 12.9% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 25.1% { opacity:1.00; } 26.7% { transform:translate(8.9px,235.0px); opacity:0.34; } 46.7% { transform:translate(1.8px,411.0px); opacity:0.34; } 48.3% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr32 { animation: pFR32F 27.25s linear 0.00s infinite; }
@keyframes pFR32F { 0% { transform:translate(0.0px,0.0px); } 8.1% { opacity:1.00; } 9.7% { transform:translate(5.2px,85.4px); opacity:0.46; } 18.4% { transform:translate(8.2px,161.9px); opacity:0.46; } 20% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 32.2% { opacity:1.00; } 33.8% { transform:translate(7.6px,297.4px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 53.8% { transform:translate(-2.1px,473.4px); opacity:0.34; } 55.4% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr33 { animation: pFR33F 27.41s linear 0.00s infinite; }
@keyframes pFR33F { 0% { transform:translate(0.0px,0.0px); } 8.4% { opacity:1.00; } 10% { transform:translate(5.3px,88.0px); opacity:0.46; } 18.6% { transform:translate(8.3px,163.7px); opacity:0.46; } 20.2% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 32.5% { opacity:1.00; } 34.1% { transform:translate(7.6px,300.1px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 54.1% { transform:translate(-2.3px,476.1px); opacity:0.34; } 55.7% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr34 { animation: pFR34F 27.57s linear 0.00s infinite; }
@keyframes pFR34F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 43.9% { opacity:1.00; } 45.5% { transform:translate(2.5px,400.4px); opacity:0.46; } 50% { transform:translate(0.0px,440.0px); } 54.2% { transform:translate(-2.3px,477.0px); opacity:0.46; } 55.8% { opacity:1.00; } 68% { opacity:1.00; } 69.6% { transform:translate(-8.5px,612.5px); opacity:0.34; } 75% { transform:translate(-9.0px,660.0px); } 89.6% { transform:translate(-5.5px,788.5px); opacity:0.34; } 91.2% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr35 { animation: pFR35F 27.73s linear 0.00s infinite; }
@keyframes pFR35F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 1.9% { transform:translate(1.1px,16.7px); opacity:0.34; } 3.5% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 56.2% { opacity:1.00; } 57.8% { transform:translate(-4.2px,508.6px); opacity:0.46; } 66.4% { transform:translate(-7.7px,584.3px); opacity:0.46; } 68% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 80.3% { opacity:1.00; } 81.9% { transform:translate(-8.2px,720.7px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .fr36 { animation: pFR36F 27.89s linear 0.00s infinite; }
@keyframes pFR36F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 7.5% { transform:translate(4.1px,66.0px); opacity:0.34; } 9.1% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 61.8% { opacity:1.00; } 63.4% { transform:translate(-6.7px,557.9px); opacity:0.46; } 72% { transform:translate(-8.8px,633.6px); opacity:0.46; } 73.6% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 85.9% { opacity:1.00; } 87.5% { transform:translate(-6.4px,770.0px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .fr37 { animation: pFR37F 28.05s linear 0.00s infinite; }
@keyframes pFR37F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 6.7% { transform:translate(3.7px,59.0px); opacity:0.34; } 8.3% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 61% { opacity:1.00; } 62.6% { transform:translate(-6.4px,550.9px); opacity:0.46; } 71.2% { transform:translate(-8.8px,626.6px); opacity:0.46; } 72.8% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 85.1% { opacity:1.00; } 86.7% { transform:translate(-6.7px,763.0px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .fr38 { animation: pFR38F 28.21s linear 0.00s infinite; }
@keyframes pFR38F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 3.5% { transform:translate(2.0px,30.8px); opacity:0.34; } 5.1% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 57.8% { opacity:1.00; } 59.4% { transform:translate(-5.0px,522.7px); opacity:0.46; } 68% { transform:translate(-8.2px,598.4px); opacity:0.46; } 69.6% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 81.9% { opacity:1.00; } 83.5% { transform:translate(-7.7px,734.8px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .fr39 { animation: pFR39F 28.37s linear 0.00s infinite; }
@keyframes pFR39F { 0% { transform:translate(0.0px,0.0px); } 18.8% { opacity:1.00; } 20.4% { transform:translate(8.6px,179.5px); opacity:0.46; } 25% { transform:translate(9.0px,220.0px); } 29.1% { transform:translate(8.7px,256.1px); opacity:0.46; } 30.7% { opacity:1.00; } 42.9% { opacity:1.00; } 44.5% { transform:translate(3.0px,391.6px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 64.5% { transform:translate(-7.1px,567.6px); opacity:0.34; } 66.1% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr40 { animation: pFR40F 28.53s linear 0.00s infinite; }
@keyframes pFR40F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 49.9% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 51.5% { transform:translate(-0.8px,453.2px); opacity:0.46; } 60.1% { transform:translate(-5.3px,528.9px); opacity:0.46; } 61.7% { opacity:1.00; } 74% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 75.6% { transform:translate(-9.0px,665.3px); opacity:0.34; } 95.6% { transform:translate(-2.5px,841.3px); opacity:0.34; } 97.2% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr41 { animation: pFR41F 28.69s linear 0.00s infinite; }
@keyframes pFR41F { 0% { transform:translate(0.0px,0.0px); } 17.9% { opacity:1.00; } 19.5% { transform:translate(8.5px,171.6px); opacity:0.46; } 25% { transform:translate(9.0px,220.0px); } 28.2% { transform:translate(8.8px,248.2px); opacity:0.46; } 29.8% { opacity:1.00; } 42% { opacity:1.00; } 43.6% { transform:translate(3.5px,383.7px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 63.6% { transform:translate(-6.8px,559.7px); opacity:0.34; } 65.2% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr42 { animation: pFR42F 28.85s linear 0.00s infinite; }
@keyframes pFR42F { 0% { transform:translate(0.0px,0.0px); opacity:0.46; } 7% { transform:translate(3.8px,61.6px); opacity:0.46; } 8.6% { opacity:1.00; } 20.9% { opacity:1.00; } 22.5% { transform:translate(8.9px,198.0px); opacity:0.34; } 25% { transform:translate(9.0px,220.0px); } 42.5% { transform:translate(4.1px,374.0px); opacity:0.34; } 44.1% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-9.0px,660.0px); } 96.8% { opacity:1.00; } 98.4% { transform:translate(-0.9px,865.9px); opacity:0.46; } 100% { transform:translate(0.0px,880.0px); opacity:0.46; } }
.cover-front .fr43 { animation: pFR43F 29.01s linear 0.00s infinite; }
@keyframes pFR43F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 10% { transform:translate(5.3px,88.0px); opacity:0.34; } 11.6% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 64.3% { opacity:1.00; } 65.9% { transform:translate(-7.6px,579.9px); opacity:0.46; } 74.6% { transform:translate(-9.0px,656.5px); opacity:0.46; } 75% { transform:translate(-9.0px,660.0px); } 76.2% { opacity:1.00; } 88.4% { opacity:1.00; } 90% { transform:translate(-5.3px,792.0px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .fr44 { animation: pFR44F 29.17s linear 0.00s infinite; }
@keyframes pFR44F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 29.9% { opacity:1.00; } 31.5% { transform:translate(8.2px,277.2px); opacity:0.46; } 40.2% { transform:translate(5.2px,353.8px); opacity:0.46; } 41.8% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 54% { opacity:1.00; } 55.6% { transform:translate(-3.1px,489.3px); opacity:0.34; } 75% { transform:translate(-9.0px,660.0px); } 75.6% { transform:translate(-9.0px,665.3px); opacity:0.34; } 77.2% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr45 { animation: pFR45F 29.33s linear 0.00s infinite; }
@keyframes pFR45F { 0% { transform:translate(0.0px,0.0px); } 19.6% { opacity:1.00; } 21.2% { transform:translate(8.7px,186.6px); opacity:0.46; } 25% { transform:translate(9.0px,220.0px); } 29.8% { transform:translate(8.6px,262.2px); opacity:0.46; } 31.4% { opacity:1.00; } 43.7% { opacity:1.00; } 45.3% { transform:translate(2.6px,398.6px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 65.3% { transform:translate(-7.4px,574.6px); opacity:0.34; } 66.9% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr46 { animation: pFR46F 29.49s linear 0.00s infinite; }
@keyframes pFR46F { 0% { transform:translate(0.0px,0.0px); opacity:0.46; } 7.7% { transform:translate(4.2px,67.8px); opacity:0.46; } 9.3% { opacity:1.00; } 21.5% { opacity:1.00; } 23.1% { transform:translate(8.9px,203.3px); opacity:0.34; } 25% { transform:translate(9.0px,220.0px); } 43.1% { transform:translate(3.8px,379.3px); opacity:0.34; } 44.7% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-9.0px,660.0px); } 97.4% { opacity:1.00; } 99% { transform:translate(-0.5px,871.2px); opacity:0.46; } 100% { transform:translate(0.0px,880.0px); opacity:0.46; } }
.cover-front .fr47 { animation: pFR47F 29.65s linear 0.00s infinite; }
@keyframes pFR47F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 51.3% { opacity:1.00; } 52.9% { transform:translate(-1.6px,465.5px); opacity:0.46; } 61.5% { transform:translate(-6.0px,541.2px); opacity:0.46; } 63.1% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 75.4% { opacity:1.00; } 77% { transform:translate(-8.9px,677.6px); opacity:0.34; } 97% { transform:translate(-1.7px,853.6px); opacity:0.34; } 98.6% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr48 { animation: pFR48F 29.81s linear 0.00s infinite; }
@keyframes pFR48F { 0% { transform:translate(0.0px,0.0px); } 20.7% { opacity:1.00; } 22.3% { transform:translate(8.9px,196.2px); opacity:0.46; } 25% { transform:translate(9.0px,220.0px); } 31% { transform:translate(8.4px,272.8px); opacity:0.46; } 32.6% { opacity:1.00; } 44.8% { opacity:1.00; } 46.4% { transform:translate(2.0px,408.3px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 66.4% { transform:translate(-7.7px,584.3px); opacity:0.34; } 68% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr49 { animation: pFR49F 29.97s linear 0.00s infinite; }
@keyframes pFR49F { 0% { transform:translate(0.0px,0.0px); opacity:0.46; } 6% { transform:translate(3.3px,52.8px); opacity:0.46; } 7.6% { opacity:1.00; } 19.8% { opacity:1.00; } 21.4% { transform:translate(8.8px,188.3px); opacity:0.34; } 25% { transform:translate(9.0px,220.0px); } 41.4% { transform:translate(4.6px,364.3px); opacity:0.34; } 43% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-9.0px,660.0px); } 95.7% { opacity:1.00; } 97.3% { transform:translate(-1.5px,856.2px); opacity:0.46; } 100% { transform:translate(0.0px,880.0px); opacity:0.46; } }
.cover-front .fr50 { animation: pFR50F 30.13s linear 0.00s infinite; }
@keyframes pFR50F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 9.4% { transform:translate(5.0px,82.7px); opacity:0.34; } 11% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 63.7% { opacity:1.00; } 65.3% { transform:translate(-7.4px,574.6px); opacity:0.46; } 74% { transform:translate(-9.0px,651.2px); opacity:0.46; } 75% { transform:translate(-9.0px,660.0px); } 75.6% { opacity:1.00; } 87.8% { opacity:1.00; } 89.4% { transform:translate(-5.5px,786.7px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .fr51 { animation: pFR51F 30.29s linear 0.00s infinite; }
@keyframes pFR51F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 33.6% { opacity:1.00; } 35.2% { transform:translate(7.2px,309.8px); opacity:0.46; } 43.9% { transform:translate(3.4px,386.3px); opacity:0.46; } 45.5% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 57.7% { opacity:1.00; } 59.3% { transform:translate(-5.0px,521.8px); opacity:0.34; } 75% { transform:translate(-9.0px,660.0px); } 79.3% { transform:translate(-8.7px,697.8px); opacity:0.34; } 80.9% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr52 { animation: pFR52F 30.45s linear 0.00s infinite; }
@keyframes pFR52F { 0% { transform:translate(0.0px,0.0px); } 14.6% { opacity:1.00; } 16.2% { transform:translate(7.6px,142.6px); opacity:0.46; } 24.8% { transform:translate(9.0px,218.2px); opacity:0.46; } 25% { transform:translate(9.0px,220.0px); } 26.4% { opacity:1.00; } 38.6% { opacity:1.00; } 40.2% { transform:translate(5.2px,353.8px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 60.2% { transform:translate(-5.4px,529.8px); opacity:0.34; } 61.8% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr53 { animation: pFR53F 30.61s linear 0.00s infinite; }
@keyframes pFR53F { 0% { transform:translate(0.0px,0.0px); } 1.8% { opacity:1.00; } 3.4% { transform:translate(1.9px,29.9px); opacity:0.34; } 23.4% { transform:translate(9.0px,205.9px); opacity:0.34; } 25% { transform:translate(9.0px,220.0px); opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-9.0px,660.0px); } 77.7% { opacity:1.00; } 79.3% { transform:translate(-8.7px,697.8px); opacity:0.46; } 88% { transform:translate(-6.2px,774.4px); opacity:0.46; } 89.6% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr54 { animation: pFR54F 30.77s linear 0.00s infinite; }
@keyframes pFR54F { 0% { transform:translate(0.0px,0.0px); } 3.6% { opacity:1.00; } 5.2% { transform:translate(2.9px,45.8px); opacity:0.34; } 25% { transform:translate(9.0px,220.0px); } 25.2% { transform:translate(9.0px,221.8px); opacity:0.34; } 26.8% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-9.0px,660.0px); } 79.5% { opacity:1.00; } 81.1% { transform:translate(-8.3px,713.7px); opacity:0.46; } 89.7% { transform:translate(-5.4px,789.4px); opacity:0.46; } 91.3% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr55 { animation: pFR55F 30.93s linear 0.00s infinite; }
@keyframes pFR55F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 19.1% { transform:translate(8.4px,168.1px); opacity:0.34; } 20.7% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 73.4% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); opacity:0.46; } 83.6% { transform:translate(-7.7px,735.7px); opacity:0.46; } 85.2% { opacity:1.00; } 97.5% { opacity:1.00; } 99.1% { transform:translate(-0.5px,872.1px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .fr56 { animation: pFR56F 31.09s linear 0.00s infinite; }
@keyframes pFR56F { 0% { transform:translate(0.0px,0.0px); opacity:0.46; } 0.1% { transform:translate(0.1px,0.9px); opacity:0.46; } 1.7% { opacity:1.00; } 14% { opacity:1.00; } 15.6% { transform:translate(7.5px,137.3px); opacity:0.34; } 25% { transform:translate(9.0px,220.0px); } 35.6% { transform:translate(7.1px,313.3px); opacity:0.34; } 37.2% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-9.0px,660.0px); } 89.9% { opacity:1.00; } 91.5% { transform:translate(-4.6px,805.2px); opacity:0.46; } 100% { transform:translate(0.0px,880.0px); opacity:0.46; } }
.cover-front .fr57 { animation: pFR57F 31.25s linear 0.00s infinite; }
@keyframes pFR57F { 0% { transform:translate(0.0px,0.0px); } 11.4% { opacity:1.00; } 13% { transform:translate(6.5px,114.4px); opacity:0.46; } 21.6% { transform:translate(8.8px,190.1px); opacity:0.46; } 23.2% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 35.5% { opacity:1.00; } 37.1% { transform:translate(6.5px,326.5px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 57.1% { transform:translate(-3.9px,502.5px); opacity:0.34; } 58.7% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr58 { animation: pFR58F 31.41s linear 0.00s infinite; }
@keyframes pFR58F { 0% { transform:translate(0.0px,0.0px); } 21% { opacity:1.00; } 22.6% { transform:translate(8.9px,198.9px); opacity:0.46; } 25% { transform:translate(9.0px,220.0px); } 31.2% { transform:translate(8.3px,274.6px); opacity:0.46; } 32.8% { opacity:1.00; } 45.1% { opacity:1.00; } 46.7% { transform:translate(1.9px,411.0px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 66.7% { transform:translate(-7.8px,587.0px); opacity:0.34; } 68.3% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr59 { animation: pFR59F 31.57s linear 0.00s infinite; }
@keyframes pFR59F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 53.2% { opacity:1.00; } 54.8% { transform:translate(-2.6px,482.2px); opacity:0.46; } 63.4% { transform:translate(-6.7px,557.9px); opacity:0.46; } 65% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 77.2% { opacity:1.00; } 78.8% { transform:translate(-8.7px,693.4px); opacity:0.34; } 98.8% { transform:translate(-0.7px,869.4px); opacity:0.34; } 100% { transform:translate(-0.0px,880.0px); opacity:1.00; } }
.cover-front .fr60 { animation: pFR60F 31.73s linear 0.00s infinite; }
@keyframes pFR60F { 0% { transform:translate(0.0px,0.0px); } 23.8% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 25.4% { transform:translate(9.0px,223.5px); opacity:0.46; } 34.1% { transform:translate(7.6px,300.1px); opacity:0.46; } 35.7% { opacity:1.00; } 47.9% { opacity:1.00; } 49.5% { transform:translate(0.3px,435.6px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 69.5% { transform:translate(-8.5px,611.6px); opacity:0.34; } 71.1% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr61 { animation: pFR61F 31.89s linear 0.00s infinite; }
@keyframes pFR61F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 14.7% { transform:translate(7.2px,129.4px); opacity:0.34; } 16.3% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 69% { opacity:1.00; } 70.6% { transform:translate(-8.7px,621.3px); opacity:0.46; } 75% { transform:translate(-9.0px,660.0px); } 79.3% { transform:translate(-8.7px,697.8px); opacity:0.46; } 80.9% { opacity:1.00; } 93.1% { opacity:1.00; } 94.7% { transform:translate(-2.9px,833.4px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .fr62 { animation: pFR62F 32.05s linear 0.00s infinite; }
@keyframes pFR62F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 15% { transform:translate(7.3px,132.0px); opacity:0.34; } 16.6% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 69.3% { opacity:1.00; } 70.9% { transform:translate(-8.7px,623.9px); opacity:0.46; } 75% { transform:translate(-9.0px,660.0px); } 79.5% { transform:translate(-8.6px,699.6px); opacity:0.46; } 81.1% { opacity:1.00; } 93.4% { opacity:1.00; } 95% { transform:translate(-2.8px,836.0px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .fr63 { animation: pFR63F 32.21s linear 0.00s infinite; }
@keyframes pFR63F { 0% { transform:translate(0.0px,0.0px); } 12.5% { opacity:1.00; } 14.1% { transform:translate(7.0px,124.1px); opacity:0.34; } 25% { transform:translate(9.0px,220.0px); } 34.1% { transform:translate(7.6px,300.1px); opacity:0.34; } 35.7% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-9.0px,660.0px); } 88.4% { opacity:1.00; } 90% { transform:translate(-5.3px,792.0px); opacity:0.46; } 98.6% { transform:translate(-0.8px,867.7px); opacity:0.46; } 100% { transform:translate(-0.0px,880.0px); opacity:1.00; } }
.cover-front .fr64 { animation: pFR64F 32.37s linear 0.00s infinite; }
@keyframes pFR64F { 0% { transform:translate(0.0px,0.0px); } 4.6% { opacity:1.00; } 6.2% { transform:translate(3.4px,54.6px); opacity:0.46; } 14.9% { transform:translate(7.2px,131.1px); opacity:0.46; } 16.5% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 28.7% { opacity:1.00; } 30.3% { transform:translate(8.5px,266.6px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 50.3% { transform:translate(-0.2px,442.6px); opacity:0.34; } 51.9% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr65 { animation: pFR65F 32.53s linear 0.00s infinite; }
@keyframes pFR65F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 8.2% { transform:translate(4.4px,72.2px); opacity:0.34; } 9.8% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 62.5% { opacity:1.00; } 64.1% { transform:translate(-7.0px,564.1px); opacity:0.46; } 72.7% { transform:translate(-8.9px,639.8px); opacity:0.46; } 74.3% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 86.6% { opacity:1.00; } 88.2% { transform:translate(-6.1px,776.2px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .fr66 { animation: pFR66F 32.69s linear 0.00s infinite; }
@keyframes pFR66F { 0% { transform:translate(0.0px,0.0px); } 22.9% { opacity:1.00; } 24.5% { transform:translate(9.0px,215.6px); opacity:0.46; } 25% { transform:translate(9.0px,220.0px); } 33.1% { transform:translate(7.9px,291.3px); opacity:0.46; } 34.7% { opacity:1.00; } 46.9% { opacity:1.00; } 48.5% { transform:translate(0.8px,426.8px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 68.5% { transform:translate(-8.3px,602.8px); opacity:0.34; } 70.1% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr67 { animation: pFR67F 32.85s linear 0.00s infinite; }
@keyframes pFR67F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 40.1% { opacity:1.00; } 41.7% { transform:translate(4.5px,367.0px); opacity:0.46; } 50% { transform:translate(0.0px,440.0px); } 50.4% { transform:translate(-0.2px,443.5px); opacity:0.46; } 52% { opacity:1.00; } 64.2% { opacity:1.00; } 65.8% { transform:translate(-7.5px,579.0px); opacity:0.34; } 75% { transform:translate(-9.0px,660.0px); } 85.8% { transform:translate(-7.0px,755.0px); opacity:0.34; } 87.4% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr68 { animation: pFR68F 33.01s linear 0.00s infinite; }
@keyframes pFR68F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 44.1% { opacity:1.00; } 45.7% { transform:translate(2.4px,402.2px); opacity:0.46; } 50% { transform:translate(0.0px,440.0px); } 54.4% { transform:translate(-2.4px,478.7px); opacity:0.46; } 56% { opacity:1.00; } 68.2% { opacity:1.00; } 69.8% { transform:translate(-8.5px,614.2px); opacity:0.34; } 75% { transform:translate(-9.0px,660.0px); } 89.8% { transform:translate(-5.4px,790.2px); opacity:0.34; } 91.4% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr69 { animation: pFR69F 33.17s linear 0.00s infinite; }
@keyframes pFR69F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 0.9% { transform:translate(0.5px,7.9px); opacity:0.34; } 2.5% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 55.2% { opacity:1.00; } 56.8% { transform:translate(-3.7px,499.8px); opacity:0.46; } 65.5% { transform:translate(-7.4px,576.4px); opacity:0.46; } 67.1% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 79.3% { opacity:1.00; } 80.9% { transform:translate(-8.4px,711.9px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .fr70 { animation: pFR70F 33.33s linear 0.00s infinite; }
@keyframes pFR70F { 0% { transform:translate(0.0px,0.0px); } 10.1% { opacity:1.00; } 11.7% { transform:translate(6.0px,103.0px); opacity:0.46; } 20.3% { transform:translate(8.6px,178.6px); opacity:0.46; } 21.9% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 34.2% { opacity:1.00; } 35.8% { transform:translate(7.0px,315.0px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 55.8% { transform:translate(-3.2px,491.0px); opacity:0.34; } 57.4% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr71 { animation: pFR71F 33.49s linear 0.00s infinite; }
@keyframes pFR71F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 27.4% { opacity:1.00; } 29% { transform:translate(8.7px,255.2px); opacity:0.46; } 37.7% { transform:translate(6.3px,331.8px); opacity:0.46; } 39.3% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 51.5% { opacity:1.00; } 53.1% { transform:translate(-1.8px,467.3px); opacity:0.34; } 73.1% { transform:translate(-8.9px,643.3px); opacity:0.34; } 74.7% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr72 { animation: pFR72F 33.65s linear 0.00s infinite; }
@keyframes pFR72F { 0% { transform:translate(0.0px,0.0px); opacity:0.46; } 0.6% { transform:translate(0.4px,5.3px); opacity:0.46; } 2.2% { opacity:1.00; } 14.5% { opacity:1.00; } 16.1% { transform:translate(7.6px,141.7px); opacity:0.34; } 25% { transform:translate(9.0px,220.0px); } 36.1% { transform:translate(6.9px,317.7px); opacity:0.34; } 37.7% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-9.0px,660.0px); } 90.4% { opacity:1.00; } 92% { transform:translate(-4.3px,809.6px); opacity:0.46; } 100% { transform:translate(0.0px,880.0px); opacity:0.46; } }
.cover-front .fr73 { animation: pFR73F 33.81s linear 0.00s infinite; }
@keyframes pFR73F { 0% { transform:translate(0.0px,0.0px); opacity:1.00; } 0.6% { transform:translate(0.4px,5.3px); opacity:0.34; } 20.6% { transform:translate(8.7px,181.3px); opacity:0.34; } 22.2% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 74.9% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 76.5% { transform:translate(-9.0px,673.2px); opacity:0.46; } 85.2% { transform:translate(-7.2px,749.8px); opacity:0.46; } 86.8% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr74 { animation: pFR74F 33.97s linear 0.00s infinite; }
@keyframes pFR74F { 0% { transform:translate(0.0px,0.0px); } 1.8% { opacity:1.00; } 3.4% { transform:translate(1.9px,29.9px); opacity:0.46; } 12% { transform:translate(6.2px,105.6px); opacity:0.46; } 13.6% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 25.9% { opacity:1.00; } 27.5% { transform:translate(8.9px,242.0px); opacity:0.34; } 47.5% { transform:translate(1.4px,418.0px); opacity:0.34; } 49.1% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr75 { animation: pFR75F 34.13s linear 0.00s infinite; }
@keyframes pFR75F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 39.9% { opacity:1.00; } 41.5% { transform:translate(4.6px,365.2px); opacity:0.46; } 50% { transform:translate(0.0px,440.0px); } 50.1% { transform:translate(-0.1px,440.9px); opacity:0.46; } 51.7% { opacity:1.00; } 64% { opacity:1.00; } 65.6% { transform:translate(-7.5px,577.3px); opacity:0.34; } 75% { transform:translate(-9.0px,660.0px); } 85.6% { transform:translate(-7.1px,753.3px); opacity:0.34; } 87.2% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr76 { animation: pFR76F 34.29s linear 0.00s infinite; }
@keyframes pFR76F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 40% { opacity:1.00; } 41.6% { transform:translate(4.5px,366.1px); opacity:0.46; } 50% { transform:translate(0.0px,440.0px); } 50.2% { transform:translate(-0.1px,441.8px); opacity:0.46; } 51.8% { opacity:1.00; } 64.1% { opacity:1.00; } 65.7% { transform:translate(-7.5px,578.2px); opacity:0.34; } 75% { transform:translate(-9.0px,660.0px); } 85.7% { transform:translate(-7.1px,754.2px); opacity:0.34; } 87.3% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr77 { animation: pFR77F 34.45s linear 0.00s infinite; }
@keyframes pFR77F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 26.2% { opacity:1.00; } 27.8% { transform:translate(8.9px,244.6px); opacity:0.46; } 36.4% { transform:translate(6.8px,320.3px); opacity:0.46; } 38% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 50.3% { opacity:1.00; } 51.9% { transform:translate(-1.0px,456.7px); opacity:0.34; } 71.9% { transform:translate(-8.8px,632.7px); opacity:0.34; } 73.5% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr78 { animation: pFR78F 34.61s linear 0.00s infinite; }
@keyframes pFR78F { 0% { transform:translate(0.0px,0.0px); } 23.5% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 25.1% { transform:translate(9.0px,220.9px); opacity:0.46; } 33.8% { transform:translate(7.7px,297.4px); opacity:0.46; } 35.4% { opacity:1.00; } 47.6% { opacity:1.00; } 49.2% { transform:translate(0.4px,433.0px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 69.2% { transform:translate(-8.4px,609.0px); opacity:0.34; } 70.8% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr79 { animation: pFR79F 34.77s linear 0.00s infinite; }
@keyframes pFR79F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); opacity:1.00; } 51.6% { transform:translate(-0.9px,454.1px); opacity:0.46; } 60.2% { transform:translate(-5.4px,529.8px); opacity:0.46; } 61.8% { opacity:1.00; } 74.1% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 75.7% { transform:translate(-9.0px,666.2px); opacity:0.34; } 95.7% { transform:translate(-2.4px,842.2px); opacity:0.34; } 97.3% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr80 { animation: pFR80F 34.93s linear 0.00s infinite; }
@keyframes pFR80F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 50.7% { opacity:1.00; } 52.3% { transform:translate(-1.3px,460.2px); opacity:0.46; } 60.9% { transform:translate(-5.7px,535.9px); opacity:0.46; } 62.5% { opacity:1.00; } 74.8% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 76.4% { transform:translate(-9.0px,672.3px); opacity:0.34; } 96.4% { transform:translate(-2.0px,848.3px); opacity:0.34; } 98% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr81 { animation: pFR81F 35.09s linear 0.00s infinite; }
@keyframes pFR81F { 0% { transform:translate(0.0px,0.0px); } 2.6% { opacity:1.00; } 4.2% { transform:translate(2.4px,37.0px); opacity:0.46; } 12.9% { transform:translate(6.5px,113.5px); opacity:0.46; } 14.5% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 26.7% { opacity:1.00; } 28.3% { transform:translate(8.8px,249.0px); opacity:0.34; } 48.3% { transform:translate(0.9px,425.0px); opacity:0.34; } 49.9% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr82 { animation: pFR82F 35.25s linear 0.00s infinite; }
@keyframes pFR82F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 14% { transform:translate(7.0px,123.2px); opacity:0.34; } 15.6% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 68.4% { opacity:1.00; } 70% { transform:translate(-8.6px,616.0px); opacity:0.46; } 75% { transform:translate(-9.0px,660.0px); } 78.6% { transform:translate(-8.8px,691.7px); opacity:0.46; } 80.2% { opacity:1.00; } 92.4% { opacity:1.00; } 94% { transform:translate(-3.3px,827.2px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .fr83 { animation: pFR83F 35.41s linear 0.00s infinite; }
@keyframes pFR83F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 25.9% { opacity:1.00; } 27.5% { transform:translate(8.9px,242.0px); opacity:0.46; } 36.1% { transform:translate(6.9px,317.7px); opacity:0.46; } 37.7% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); opacity:1.00; } 51.6% { transform:translate(-0.9px,454.1px); opacity:0.34; } 71.6% { transform:translate(-8.8px,630.1px); opacity:0.34; } 73.2% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr84 { animation: pFR84F 35.57s linear 0.00s infinite; }
@keyframes pFR84F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 53.9% { opacity:1.00; } 55.5% { transform:translate(-3.1px,488.4px); opacity:0.46; } 64.1% { transform:translate(-7.0px,564.1px); opacity:0.46; } 65.7% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 78% { opacity:1.00; } 79.6% { transform:translate(-8.6px,700.5px); opacity:0.34; } 99.6% { transform:translate(-0.2px,876.5px); opacity:0.34; } 100% { transform:translate(-0.0px,880.0px); opacity:1.00; } }
.cover-front .fr85 { animation: pFR85F 35.73s linear 0.00s infinite; }
@keyframes pFR85F { 0% { transform:translate(0.0px,0.0px); opacity:1.00; } 1.5% { transform:translate(0.8px,13.2px); opacity:0.46; } 10.1% { transform:translate(5.3px,88.9px); opacity:0.46; } 11.7% { opacity:1.00; } 24% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 25.6% { transform:translate(9.0px,225.3px); opacity:0.34; } 45.6% { transform:translate(2.5px,401.3px); opacity:0.34; } 47.2% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr86 { animation: pFR86F 35.89s linear 0.00s infinite; }
@keyframes pFR86F { 0% { transform:translate(0.0px,0.0px); } 9.2% { opacity:1.00; } 10.8% { transform:translate(5.6px,95.0px); opacity:0.46; } 19.4% { transform:translate(8.5px,170.7px); opacity:0.46; } 21% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 33.3% { opacity:1.00; } 34.9% { transform:translate(7.3px,307.1px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 54.9% { transform:translate(-2.7px,483.1px); opacity:0.34; } 56.5% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr87 { animation: pFR87F 36.05s linear 0.00s infinite; }
@keyframes pFR87F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 43.6% { opacity:1.00; } 45.2% { transform:translate(2.7px,397.8px); opacity:0.46; } 50% { transform:translate(0.0px,440.0px); } 53.8% { transform:translate(-2.1px,473.4px); opacity:0.46; } 55.4% { opacity:1.00; } 67.7% { opacity:1.00; } 69.3% { transform:translate(-8.4px,609.8px); opacity:0.34; } 75% { transform:translate(-9.0px,660.0px); } 89.3% { transform:translate(-5.6px,785.8px); opacity:0.34; } 90.9% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr88 { animation: pFR88F 36.21s linear 0.00s infinite; }
@keyframes pFR88F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 12.9% { transform:translate(6.5px,113.5px); opacity:0.34; } 14.5% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 67.2% { opacity:1.00; } 68.8% { transform:translate(-8.3px,605.4px); opacity:0.46; } 75% { transform:translate(-9.0px,660.0px); } 77.4% { transform:translate(-8.9px,681.1px); opacity:0.46; } 79% { opacity:1.00; } 91.3% { opacity:1.00; } 92.9% { transform:translate(-3.9px,817.5px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .fr89 { animation: pFR89F 36.37s linear 0.00s infinite; }
@keyframes pFR89F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 27.6% { opacity:1.00; } 29.2% { transform:translate(8.7px,257.0px); opacity:0.46; } 37.9% { transform:translate(6.2px,333.5px); opacity:0.46; } 39.5% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 51.7% { opacity:1.00; } 53.3% { transform:translate(-1.9px,469.0px); opacity:0.34; } 73.3% { transform:translate(-9.0px,645.0px); opacity:0.34; } 74.9% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr90 { animation: pFR90F 36.53s linear 0.00s infinite; }
@keyframes pFR90F { 0% { transform:translate(0.0px,0.0px); } 11.3% { opacity:1.00; } 12.9% { transform:translate(6.5px,113.5px); opacity:0.46; } 21.5% { transform:translate(8.8px,189.2px); opacity:0.46; } 23.1% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 35.4% { opacity:1.00; } 37% { transform:translate(6.6px,325.6px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 57% { transform:translate(-3.8px,501.6px); opacity:0.34; } 58.6% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr91 { animation: pFR91F 36.69s linear 0.00s infinite; }
@keyframes pFR91F { 0% { transform:translate(0.0px,0.0px); opacity:1.00; } 1.3% { transform:translate(0.7px,11.4px); opacity:0.46; } 10% { transform:translate(5.3px,88.0px); opacity:0.46; } 11.6% { opacity:1.00; } 23.8% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 25.4% { transform:translate(9.0px,223.5px); opacity:0.34; } 45.4% { transform:translate(2.6px,399.5px); opacity:0.34; } 47% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr92 { animation: pFR92F 36.85s linear 0.00s infinite; }
@keyframes pFR92F { 0% { transform:translate(0.0px,0.0px); } 6.7% { opacity:1.00; } 8.3% { transform:translate(4.5px,73.0px); opacity:0.46; } 16.9% { transform:translate(7.9px,148.7px); opacity:0.46; } 18.5% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 30.8% { opacity:1.00; } 32.4% { transform:translate(8.1px,285.1px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 52.4% { transform:translate(-1.3px,461.1px); opacity:0.34; } 54% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr93 { animation: pFR93F 37.01s linear 0.00s infinite; }
@keyframes pFR93F { 0% { transform:translate(0.0px,0.0px); } 22.5% { opacity:1.00; } 24.1% { transform:translate(9.0px,212.1px); opacity:0.46; } 25% { transform:translate(9.0px,220.0px); } 32.7% { transform:translate(8.0px,287.8px); opacity:0.46; } 34.3% { opacity:1.00; } 46.5% { opacity:1.00; } 48.1% { transform:translate(1.0px,423.3px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 68.1% { transform:translate(-8.2px,599.3px); opacity:0.34; } 69.7% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr94 { animation: pFR94F 37.17s linear 0.00s infinite; }
@keyframes pFR94F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(9.0px,220.0px); } 44.8% { opacity:1.00; } 46.4% { transform:translate(2.0px,408.3px); opacity:0.46; } 50% { transform:translate(0.0px,440.0px); } 55% { transform:translate(-2.8px,484.0px); opacity:0.46; } 56.6% { opacity:1.00; } 68.9% { opacity:1.00; } 70.5% { transform:translate(-8.6px,620.4px); opacity:0.34; } 75% { transform:translate(-9.0px,660.0px); } 90.5% { transform:translate(-5.1px,796.4px); opacity:0.34; } 92.1% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr95 { animation: pFR95F 37.33s linear 0.00s infinite; }
@keyframes pFR95F { 0% { transform:translate(0.0px,0.0px); } 23.9% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 25.5% { transform:translate(9.0px,224.4px); opacity:0.46; } 34.1% { transform:translate(7.6px,300.1px); opacity:0.46; } 35.7% { opacity:1.00; } 47.9% { opacity:1.00; } 49.5% { transform:translate(0.3px,435.6px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 69.5% { transform:translate(-8.5px,611.6px); opacity:0.34; } 71.1% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr96 { animation: pFR96F 37.49s linear 0.00s infinite; }
@keyframes pFR96F { 0% { transform:translate(0.0px,0.0px); opacity:1.00; } 1.3% { transform:translate(0.7px,11.4px); opacity:0.46; } 9.9% { transform:translate(5.3px,87.1px); opacity:0.46; } 11.5% { opacity:1.00; } 23.8% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 25.4% { transform:translate(9.0px,223.5px); opacity:0.34; } 45.4% { transform:translate(2.6px,399.5px); opacity:0.34; } 47% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-9.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .fr97 { animation: pFR97F 37.65s linear 0.00s infinite; }
@keyframes pFR97F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 5.8% { transform:translate(3.2px,51.0px); opacity:0.34; } 7.4% { opacity:1.00; } 25% { transform:translate(9.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 60.1% { opacity:1.00; } 61.7% { transform:translate(-6.0px,543.0px); opacity:0.46; } 70.4% { transform:translate(-8.6px,619.5px); opacity:0.46; } 72% { opacity:1.00; } 75% { transform:translate(-9.0px,660.0px); } 84.2% { opacity:1.00; } 85.8% { transform:translate(-7.0px,755.0px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .fr98 { animation: pFR98F 37.81s linear 0.00s infinite; }
@keyframes pFR98F { 0% { transform:translate(0.0px,0.0px); opacity:0.46; } 7.6% { transform:translate(4.1px,66.9px); opacity:0.46; } 9.2% { opacity:1.00; } 21.4% { opacity:1.00; } 23% { transform:translate(8.9px,202.4px); opacity:0.34; } 25% { transform:translate(9.0px,220.0px); } 43% { transform:translate(3.8px,378.4px); opacity:0.34; } 44.6% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-9.0px,660.0px); } 97.3% { opacity:1.00; } 98.9% { transform:translate(-0.6px,870.3px); opacity:0.46; } 100% { transform:translate(0.0px,880.0px); opacity:0.46; } }
.cover-front .fr99 { animation: pFR99F 37.97s linear 0.00s infinite; }
@keyframes pFR99F { 0% { transform:translate(0.0px,0.0px); opacity:0.46; } 1.3% { transform:translate(0.8px,11.4px); opacity:0.46; } 2.9% { opacity:1.00; } 15.2% { opacity:1.00; } 16.8% { transform:translate(7.8px,147.8px); opacity:0.34; } 25% { transform:translate(9.0px,220.0px); } 36.8% { transform:translate(6.6px,323.8px); opacity:0.34; } 38.4% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-9.0px,660.0px); } 91.1% { opacity:1.00; } 92.7% { transform:translate(-4.0px,815.8px); opacity:0.46; } 100% { transform:translate(0.0px,880.0px); opacity:0.46; } }
.cover-front .md0 { animation: pMD0F 12.13s linear 0.00s infinite; }
@keyframes pMD0F { 0% { transform:translate(0.0px,0.0px); opacity:1.00; } 0.6% { transform:translate(0.5px,5.3px); opacity:0.34; } 20.6% { transform:translate(14.4px,181.3px); opacity:0.34; } 22.2% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 74.9% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 76.5% { transform:translate(-14.9px,673.2px); opacity:0.46; } 85.1% { transform:translate(-12.1px,748.9px); opacity:0.46; } 86.7% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md1 { animation: pMD1F 12.29s linear 0.00s infinite; }
@keyframes pMD1F { 0% { transform:translate(0.0px,0.0px); opacity:0.46; } 2.5% { transform:translate(2.4px,22.0px); opacity:0.46; } 4.1% { opacity:1.00; } 16.4% { opacity:1.00; } 18% { transform:translate(13.6px,158.4px); opacity:0.34; } 25% { transform:translate(15.0px,220.0px); } 38% { transform:translate(10.3px,334.4px); opacity:0.34; } 39.6% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-15.0px,660.0px); } 92.3% { opacity:1.00; } 93.9% { transform:translate(-5.6px,826.3px); opacity:0.46; } 100% { transform:translate(0.0px,880.0px); opacity:0.46; } }
.cover-front .md2 { animation: pMD2F 12.45s linear 0.00s infinite; }
@keyframes pMD2F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 3.4% { transform:translate(3.2px,29.9px); opacity:0.34; } 5% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 57.7% { opacity:1.00; } 59.3% { transform:translate(-8.3px,521.8px); opacity:0.46; } 68% { transform:translate(-13.6px,598.4px); opacity:0.46; } 69.6% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 81.8% { opacity:1.00; } 83.4% { transform:translate(-12.9px,733.9px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .md3 { animation: pMD3F 12.61s linear 0.00s infinite; }
@keyframes pMD3F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(15.0px,220.0px); } 30.5% { opacity:1.00; } 32.1% { transform:translate(13.5px,282.5px); opacity:0.46; } 40.8% { transform:translate(8.2px,359.0px); opacity:0.46; } 42.4% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 54.6% { opacity:1.00; } 56.2% { transform:translate(40.3px,494.6px); opacity:0.34; } 75% { transform:translate(-15.0px,660.0px); } 76.2% { transform:translate(37.9px,670.6px); opacity:0.34; } 77.8% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md4 { animation: pMD4F 12.77s linear 0.00s infinite; }
@keyframes pMD4F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 1.7% { transform:translate(-51.3px,15.0px); opacity:0.34; } 3.3% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 56% { opacity:1.00; } 57.6% { transform:translate(-6.9px,506.9px); opacity:0.46; } 66.2% { transform:translate(-12.8px,582.6px); opacity:0.46; } 67.8% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 80.1% { opacity:1.00; } 81.7% { transform:translate(-59.7px,719.0px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .md5 { animation: pMD5F 12.93s linear 0.00s infinite; }
@keyframes pMD5F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(15.0px,220.0px); } 28.8% { opacity:1.00; } 30.4% { transform:translate(14.2px,267.5px); opacity:0.46; } 39% { transform:translate(9.6px,343.2px); opacity:0.46; } 40.6% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 52.8% { opacity:1.00; } 54.4% { transform:translate(-4.1px,478.7px); opacity:0.34; } 74.4% { transform:translate(-15.0px,654.7px); opacity:0.34; } 75% { transform:translate(-15.0px,660.0px); } 76% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md6 { animation: pMD6F 13.09s linear 0.00s infinite; }
@keyframes pMD6F { 0% { transform:translate(0.0px,0.0px); } 13.1% { opacity:1.00; } 14.7% { transform:translate(11.9px,129.4px); opacity:0.34; } 25% { transform:translate(15.0px,220.0px); } 34.7% { transform:translate(12.3px,305.4px); opacity:0.34; } 36.3% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-15.0px,660.0px); } 89% { opacity:1.00; } 90.6% { transform:translate(-8.4px,797.3px); opacity:0.46; } 99.2% { transform:translate(-0.8px,873.0px); opacity:0.46; } 100% { transform:translate(-0.0px,880.0px); opacity:1.00; } }
.cover-front .md7 { animation: pMD7F 13.25s linear 0.00s infinite; }
@keyframes pMD7F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(15.0px,220.0px); } 29.5% { opacity:1.00; } 31.1% { transform:translate(13.9px,273.7px); opacity:0.46; } 39.8% { transform:translate(9.0px,350.2px); opacity:0.46; } 41.4% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 53.6% { opacity:1.00; } 55.2% { transform:translate(-4.8px,485.8px); opacity:0.34; } 75% { transform:translate(-15.0px,660.0px); } 75.2% { transform:translate(-15.0px,661.8px); opacity:0.34; } 76.8% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md8 { animation: pMD8F 13.41s linear 0.00s infinite; }
@keyframes pMD8F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(15.0px,220.0px); } 42.9% { opacity:1.00; } 44.5% { transform:translate(5.1px,391.6px); opacity:0.46; } 50% { transform:translate(0.0px,440.0px); } 53.1% { transform:translate(-2.9px,467.3px); opacity:0.46; } 54.7% { opacity:1.00; } 67% { opacity:1.00; } 68.6% { transform:translate(32.2px,603.7px); opacity:0.34; } 75% { transform:translate(-15.0px,660.0px); } 88.6% { transform:translate(43.0px,779.7px); opacity:0.34; } 90.2% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md9 { animation: pMD9F 13.57s linear 0.00s infinite; }
@keyframes pMD9F { 0% { transform:translate(0.0px,0.0px); } 8.9% { opacity:1.00; } 10.5% { transform:translate(-36.8px,92.4px); opacity:0.34; } 25% { transform:translate(15.0px,220.0px); } 30.5% { transform:translate(-38.8px,268.4px); opacity:0.34; } 32.1% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-15.0px,660.0px); } 84.8% { opacity:1.00; } 86.4% { transform:translate(-11.3px,760.3px); opacity:0.46; } 95% { transform:translate(-4.6px,836.0px); opacity:0.46; } 96.6% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md10 { animation: pMD10F 13.73s linear 0.00s infinite; }
@keyframes pMD10F { 0% { transform:translate(0.0px,0.0px); } 7.9% { opacity:1.00; } 9.5% { transform:translate(8.4px,83.6px); opacity:0.34; } 25% { transform:translate(15.0px,220.0px); } 29.5% { transform:translate(14.4px,259.6px); opacity:0.34; } 31.1% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-15.0px,660.0px); } 83.8% { opacity:1.00; } 85.4% { transform:translate(-11.9px,751.5px); opacity:0.46; } 94.1% { transform:translate(-5.5px,828.1px); opacity:0.46; } 95.7% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md11 { animation: pMD11F 13.89s linear 0.00s infinite; }
@keyframes pMD11F { 0% { transform:translate(0.0px,0.0px); opacity:1.00; } 0.4% { transform:translate(46.4px,3.5px); opacity:0.34; } 20.4% { transform:translate(67.3px,179.5px); opacity:0.34; } 22% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 74.7% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 76.3% { transform:translate(-14.9px,671.4px); opacity:0.46; } 85% { transform:translate(-12.2px,748.0px); opacity:0.46; } 86.6% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md12 { animation: pMD12F 14.05s linear 0.00s infinite; }
@keyframes pMD12F { 0% { transform:translate(0.0px,0.0px); } 7.1% { opacity:1.00; } 8.7% { transform:translate(53.8px,76.6px); opacity:0.34; } 25% { transform:translate(15.0px,220.0px); } 28.7% { transform:translate(67.5px,252.6px); opacity:0.34; } 30.3% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-15.0px,660.0px); } 83% { opacity:1.00; } 84.6% { transform:translate(-12.4px,744.5px); opacity:0.46; } 93.2% { transform:translate(-6.2px,820.2px); opacity:0.46; } 94.8% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md13 { animation: pMD13F 14.21s linear 0.00s infinite; }
@keyframes pMD13F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(15.0px,220.0px); } 39.8% { opacity:1.00; } 41.4% { transform:translate(7.7px,364.3px); opacity:0.46; } 50% { transform:translate(-0.0px,440.0px); opacity:0.46; } 51.6% { opacity:1.00; } 63.9% { opacity:1.00; } 65.5% { transform:translate(-58.4px,576.4px); opacity:0.34; } 75% { transform:translate(-15.0px,660.0px); } 85.5% { transform:translate(-64.8px,752.4px); opacity:0.34; } 87.1% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md14 { animation: pMD14F 14.37s linear 0.00s infinite; }
@keyframes pMD14F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 0.3% { transform:translate(-52.6px,2.6px); opacity:0.34; } 1.9% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 54.7% { opacity:1.00; } 56.3% { transform:translate(-5.7px,495.4px); opacity:0.46; } 64.9% { transform:translate(-12.1px,571.1px); opacity:0.46; } 66.5% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 78.7% { opacity:1.00; } 80.3% { transform:translate(-60.2px,706.6px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .md15 { animation: pMD15F 14.53s linear 0.00s infinite; }
@keyframes pMD15F { 0% { transform:translate(0.0px,0.0px); } 24.5% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 26.1% { transform:translate(15.0px,229.7px); opacity:0.46; } 34.7% { transform:translate(12.3px,305.4px); opacity:0.46; } 36.3% { opacity:1.00; } 48.6% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 50.2% { transform:translate(-46.2px,441.8px); opacity:0.34; } 70.2% { transform:translate(-67.2px,617.8px); opacity:0.34; } 71.8% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md16 { animation: pMD16F 14.69s linear 0.00s infinite; }
@keyframes pMD16F { 0% { transform:translate(0.0px,0.0px); } 6.6% { opacity:1.00; } 8.2% { transform:translate(7.4px,72.2px); opacity:0.46; } 16.8% { transform:translate(13.1px,147.8px); opacity:0.46; } 18.4% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 30.7% { opacity:1.00; } 32.3% { transform:translate(-32.6px,284.2px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 52.3% { transform:translate(-55.1px,460.2px); opacity:0.34; } 53.9% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md17 { animation: pMD17F 14.85s linear 0.00s infinite; }
@keyframes pMD17F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(15.0px,220.0px); } 34.3% { opacity:1.00; } 35.9% { transform:translate(11.6px,315.9px); opacity:0.46; } 44.6% { transform:translate(5.0px,392.5px); opacity:0.46; } 46.2% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 58.4% { opacity:1.00; } 60% { transform:translate(-8.8px,528.0px); opacity:0.34; } 75% { transform:translate(-15.0px,660.0px); } 80% { transform:translate(-14.3px,704.0px); opacity:0.34; } 81.6% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md18 { animation: pMD18F 15.01s linear 0.00s infinite; }
@keyframes pMD18F { 0% { transform:translate(0.0px,0.0px); } 3% { opacity:1.00; } 4.6% { transform:translate(4.3px,40.5px); opacity:0.46; } 13.2% { transform:translate(11.1px,116.2px); opacity:0.46; } 14.8% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 27.1% { opacity:1.00; } 28.7% { transform:translate(-31.4px,252.6px); opacity:0.34; } 48.7% { transform:translate(-51.7px,428.6px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 50.3% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md19 { animation: pMD19F 15.17s linear 0.00s infinite; }
@keyframes pMD19F { 0% { transform:translate(0.0px,0.0px); } 4.7% { opacity:1.00; } 6.3% { transform:translate(5.8px,55.4px); opacity:0.46; } 14.9% { transform:translate(12.1px,131.1px); opacity:0.46; } 16.5% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 28.8% { opacity:1.00; } 30.4% { transform:translate(-31.9px,267.5px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 50.4% { transform:translate(-53.3px,443.5px); opacity:0.34; } 52% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md20 { animation: pMD20F 15.33s linear 0.00s infinite; }
@keyframes pMD20F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(15.0px,220.0px); } 39.7% { opacity:1.00; } 41.3% { transform:translate(7.8px,363.4px); opacity:0.46; } 49.9% { transform:translate(0.1px,439.1px); opacity:0.46; } 50% { transform:translate(0.0px,440.0px); } 51.5% { opacity:1.00; } 63.8% { opacity:1.00; } 65.4% { transform:translate(-58.3px,575.5px); opacity:0.34; } 75% { transform:translate(-15.0px,660.0px); } 85.4% { transform:translate(-64.8px,751.5px); opacity:0.34; } 87% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md21 { animation: pMD21F 15.49s linear 0.00s infinite; }
@keyframes pMD21F { 0% { transform:translate(0.0px,0.0px); } 6.8% { opacity:1.00; } 8.4% { transform:translate(7.5px,73.9px); opacity:0.34; } 25% { transform:translate(15.0px,220.0px); } 28.4% { transform:translate(14.7px,249.9px); opacity:0.34; } 30% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-15.0px,660.0px); } 82.7% { opacity:1.00; } 84.3% { transform:translate(-12.5px,741.8px); opacity:0.46; } 92.9% { transform:translate(-6.5px,817.5px); opacity:0.46; } 94.5% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md22 { animation: pMD22F 15.65s linear 0.00s infinite; }
@keyframes pMD22F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(15.0px,220.0px); } 32.2% { opacity:1.00; } 33.8% { transform:translate(12.8px,297.4px); opacity:0.46; } 42.4% { transform:translate(6.9px,373.1px); opacity:0.46; } 44% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 56.3% { opacity:1.00; } 57.9% { transform:translate(38.9px,509.5px); opacity:0.34; } 75% { transform:translate(-15.0px,660.0px); } 77.9% { transform:translate(38.1px,685.5px); opacity:0.34; } 79.5% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md23 { animation: pMD23F 15.81s linear 0.00s infinite; }
@keyframes pMD23F { 0% { transform:translate(0.0px,0.0px); } 21% { opacity:1.00; } 22.6% { transform:translate(14.8px,198.9px); opacity:0.46; } 25% { transform:translate(15.0px,220.0px); } 31.3% { transform:translate(13.8px,275.4px); opacity:0.46; } 32.9% { opacity:1.00; } 45.1% { opacity:1.00; } 46.7% { transform:translate(49.1px,411.0px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 66.7% { transform:translate(39.9px,587.0px); opacity:0.34; } 68.3% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md24 { animation: pMD24F 15.97s linear 0.00s infinite; }
@keyframes pMD24F { 0% { transform:translate(0.0px,0.0px); } 16.1% { opacity:1.00; } 17.7% { transform:translate(13.4px,155.8px); opacity:0.46; } 25% { transform:translate(15.0px,220.0px); } 26.3% { transform:translate(15.0px,231.4px); opacity:0.46; } 27.9% { opacity:1.00; } 40.2% { opacity:1.00; } 41.8% { transform:translate(-38.6px,367.8px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 61.8% { transform:translate(-63.0px,543.8px); opacity:0.34; } 63.4% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md25 { animation: pMD25F 16.13s linear 0.00s infinite; }
@keyframes pMD25F { 0% { transform:translate(0.0px,0.0px); } 9.2% { opacity:1.00; } 10.8% { transform:translate(55.4px,95.0px); opacity:0.34; } 25% { transform:translate(15.0px,220.0px); } 30.8% { transform:translate(66.9px,271.0px); opacity:0.34; } 32.4% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-15.0px,660.0px); } 85.1% { opacity:1.00; } 86.7% { transform:translate(-11.1px,763.0px); opacity:0.46; } 95.3% { transform:translate(-4.3px,838.6px); opacity:0.46; } 96.9% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md26 { animation: pMD26F 16.29s linear 0.00s infinite; }
@keyframes pMD26F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 5.5% { transform:translate(58.0px,48.4px); opacity:0.34; } 7.1% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 59.8% { opacity:1.00; } 61.4% { transform:translate(-9.8px,540.3px); opacity:0.46; } 70% { transform:translate(-14.3px,616.0px); opacity:0.46; } 71.6% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 83.9% { opacity:1.00; } 85.5% { transform:translate(34.1px,752.4px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .md27 { animation: pMD27F 16.45s linear 0.00s infinite; }
@keyframes pMD27F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 17.3% { transform:translate(-39.6px,152.2px); opacity:0.34; } 18.9% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 71.6% { opacity:1.00; } 73.2% { transform:translate(-14.9px,644.2px); opacity:0.46; } 75% { transform:translate(-15.0px,660.0px); } 81.9% { transform:translate(-13.6px,720.7px); opacity:0.46; } 83.5% { opacity:1.00; } 95.7% { opacity:1.00; } 97.3% { transform:translate(-48.5px,856.2px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .md28 { animation: pMD28F 16.61s linear 0.00s infinite; }
@keyframes pMD28F { 0% { transform:translate(0.0px,0.0px); opacity:0.46; } 0.4% { transform:translate(0.4px,3.5px); opacity:0.46; } 2% { opacity:1.00; } 14.3% { opacity:1.00; } 15.9% { transform:translate(58.6px,139.9px); opacity:0.34; } 25% { transform:translate(15.0px,220.0px); } 35.9% { transform:translate(64.5px,315.9px); opacity:0.34; } 37.5% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-15.0px,660.0px); } 90.2% { opacity:1.00; } 91.8% { transform:translate(-7.4px,807.8px); opacity:0.46; } 100% { transform:translate(0.0px,880.0px); opacity:0.46; } }
.cover-front .md29 { animation: pMD29F 16.77s linear 0.00s infinite; }
@keyframes pMD29F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(15.0px,220.0px); } 40.7% { opacity:1.00; } 42.3% { transform:translate(7.0px,372.2px); opacity:0.46; } 50% { transform:translate(0.0px,440.0px); } 50.9% { transform:translate(-0.8px,447.9px); opacity:0.46; } 52.5% { opacity:1.00; } 64.8% { opacity:1.00; } 66.4% { transform:translate(33.2px,584.3px); opacity:0.34; } 75% { transform:translate(-15.0px,660.0px); } 86.4% { transform:translate(41.6px,760.3px); opacity:0.34; } 88% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md30 { animation: pMD30F 16.93s linear 0.00s infinite; }
@keyframes pMD30F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(15.0px,220.0px); } 30.2% { opacity:1.00; } 31.8% { transform:translate(13.7px,279.8px); opacity:0.46; } 40.4% { transform:translate(8.5px,355.5px); opacity:0.46; } 42% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 54.3% { opacity:1.00; } 55.9% { transform:translate(-51.4px,491.9px); opacity:0.34; } 75% { transform:translate(-15.0px,660.0px); } 75.9% { transform:translate(-67.9px,667.9px); opacity:0.34; } 77.5% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md31 { animation: pMD31F 17.09s linear 0.00s infinite; }
@keyframes pMD31F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 5.2% { transform:translate(-48.1px,45.8px); opacity:0.34; } 6.8% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 59.5% { opacity:1.00; } 61.1% { transform:translate(-9.6px,537.7px); opacity:0.46; } 69.7% { transform:translate(-14.2px,613.4px); opacity:0.46; } 71.3% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 83.6% { opacity:1.00; } 85.2% { transform:translate(-58.0px,749.8px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .md32 { animation: pMD32F 17.25s linear 0.00s infinite; }
@keyframes pMD32F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(15.0px,220.0px); } 49.4% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 51% { transform:translate(-0.9px,448.8px); opacity:0.46; } 59.6% { transform:translate(-8.5px,524.5px); opacity:0.46; } 61.2% { opacity:1.00; } 73.5% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 75.1% { transform:translate(31.0px,660.9px); opacity:0.34; } 95.1% { transform:translate(48.3px,836.9px); opacity:0.34; } 96.7% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md33 { animation: pMD33F 17.41s linear 0.00s infinite; }
@keyframes pMD33F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 5.1% { transform:translate(-48.2px,44.9px); opacity:0.34; } 6.7% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 59.4% { opacity:1.00; } 61% { transform:translate(-9.6px,536.8px); opacity:0.46; } 69.7% { transform:translate(-14.2px,613.4px); opacity:0.46; } 71.3% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 83.5% { opacity:1.00; } 85.1% { transform:translate(-58.1px,748.9px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .md34 { animation: pMD34F 17.57s linear 0.00s infinite; }
@keyframes pMD34F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(15.0px,220.0px); } 26.9% { opacity:1.00; } 28.5% { transform:translate(14.6px,250.8px); opacity:0.46; } 37.1% { transform:translate(10.8px,326.5px); opacity:0.46; } 38.7% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 51% { opacity:1.00; } 52.6% { transform:translate(-2.4px,462.9px); opacity:0.34; } 72.6% { transform:translate(-14.8px,638.9px); opacity:0.34; } 74.2% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md35 { animation: pMD35F 17.73s linear 0.00s infinite; }
@keyframes pMD35F { 0% { transform:translate(0.0px,0.0px); } 4.9% { opacity:1.00; } 6.5% { transform:translate(6.0px,57.2px); opacity:0.46; } 15.1% { transform:translate(12.2px,132.9px); opacity:0.46; } 16.7% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 29% { opacity:1.00; } 30.6% { transform:translate(-31.9px,269.3px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 50.6% { transform:translate(-53.5px,445.3px); opacity:0.34; } 52.2% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md36 { animation: pMD36F 17.89s linear 0.00s infinite; }
@keyframes pMD36F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(15.0px,220.0px); } 26.7% { opacity:1.00; } 28.3% { transform:translate(14.7px,249.0px); opacity:0.46; } 36.9% { transform:translate(11.0px,324.7px); opacity:0.46; } 38.5% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 50.7% { opacity:1.00; } 52.3% { transform:translate(-48.2px,460.2px); opacity:0.34; } 72.3% { transform:translate(-67.7px,636.2px); opacity:0.34; } 73.9% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md37 { animation: pMD37F 18.05s linear 0.00s infinite; }
@keyframes pMD37F { 0% { transform:translate(0.0px,0.0px); opacity:1.00; } 0.8% { transform:translate(0.8px,7.0px); opacity:0.34; } 20.8% { transform:translate(14.5px,183.0px); opacity:0.34; } 22.4% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-15.0px,660.0px); } 75.1% { opacity:1.00; } 76.7% { transform:translate(-14.9px,675.0px); opacity:0.46; } 85.4% { transform:translate(-11.9px,751.5px); opacity:0.46; } 87% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md38 { animation: pMD38F 18.21s linear 0.00s infinite; }
@keyframes pMD38F { 0% { transform:translate(0.0px,0.0px); } 9.5% { opacity:1.00; } 11.1% { transform:translate(55.6px,97.7px); opacity:0.34; } 25% { transform:translate(15.0px,220.0px); } 31.1% { transform:translate(66.8px,273.7px); opacity:0.34; } 32.7% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-15.0px,660.0px); } 85.4% { opacity:1.00; } 87% { transform:translate(-11.0px,765.6px); opacity:0.46; } 95.6% { transform:translate(-4.1px,841.3px); opacity:0.46; } 97.2% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md39 { animation: pMD39F 18.37s linear 0.00s infinite; }
@keyframes pMD39F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 3.9% { transform:translate(-49.3px,34.3px); opacity:0.34; } 5.5% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 58.2% { opacity:1.00; } 59.8% { transform:translate(-8.6px,526.2px); opacity:0.46; } 68.4% { transform:translate(-13.7px,601.9px); opacity:0.46; } 70% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 82.3% { opacity:1.00; } 83.9% { transform:translate(-58.7px,738.3px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .md40 { animation: pMD40F 18.53s linear 0.00s infinite; }
@keyframes pMD40F { 0% { transform:translate(0.0px,0.0px); } 12.9% { opacity:1.00; } 14.5% { transform:translate(11.8px,127.6px); opacity:0.46; } 23.1% { transform:translate(14.9px,203.3px); opacity:0.46; } 24.7% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 37% { opacity:1.00; } 38.6% { transform:translate(55.9px,339.7px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 58.6% { transform:translate(45.2px,515.7px); opacity:0.34; } 60.2% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md41 { animation: pMD41F 18.69s linear 0.00s infinite; }
@keyframes pMD41F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 3.3% { transform:translate(-49.8px,29.0px); opacity:0.34; } 4.9% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 57.7% { opacity:1.00; } 59.3% { transform:translate(-8.2px,521.8px); opacity:0.46; } 67.9% { transform:translate(-13.5px,597.5px); opacity:0.46; } 69.5% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 81.7% { opacity:1.00; } 83.3% { transform:translate(-59.0px,733.0px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .md42 { animation: pMD42F 18.85s linear 0.00s infinite; }
@keyframes pMD42F { 0% { transform:translate(0.0px,0.0px); } 5.1% { opacity:1.00; } 6.7% { transform:translate(6.2px,59.0px); opacity:0.46; } 15.4% { transform:translate(12.3px,135.5px); opacity:0.46; } 17% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 29.2% { opacity:1.00; } 30.8% { transform:translate(-32.0px,271.0px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 50.8% { transform:translate(-53.7px,447.0px); opacity:0.34; } 52.4% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md43 { animation: pMD43F 19.01s linear 0.00s infinite; }
@keyframes pMD43F { 0% { transform:translate(0.0px,0.0px); } 11.9% { opacity:1.00; } 13.5% { transform:translate(11.2px,118.8px); opacity:0.46; } 22.1% { transform:translate(14.8px,194.5px); opacity:0.46; } 23.7% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 36% { opacity:1.00; } 37.6% { transform:translate(10.5px,330.9px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 57.6% { transform:translate(-6.9px,506.9px); opacity:0.34; } 59.2% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md44 { animation: pMD44F 19.17s linear 0.00s infinite; }
@keyframes pMD44F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 15.2% { transform:translate(12.2px,133.8px); opacity:0.34; } 16.8% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 69.5% { opacity:1.00; } 71.1% { transform:translate(-14.5px,625.7px); opacity:0.46; } 75% { transform:translate(-15.0px,660.0px); } 79.7% { transform:translate(-14.3px,701.4px); opacity:0.46; } 81.3% { opacity:1.00; } 93.6% { opacity:1.00; } 95.2% { transform:translate(-4.5px,837.8px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .md45 { animation: pMD45F 19.33s linear 0.00s infinite; }
@keyframes pMD45F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(15.0px,220.0px); } 25.5% { opacity:1.00; } 27.1% { transform:translate(14.9px,238.5px); opacity:0.46; } 35.8% { transform:translate(11.7px,315.0px); opacity:0.46; } 37.4% { opacity:1.00; } 49.6% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 51.2% { transform:translate(-1.1px,450.6px); opacity:0.34; } 71.2% { transform:translate(-14.6px,626.6px); opacity:0.34; } 72.8% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md46 { animation: pMD46F 19.49s linear 0.00s infinite; }
@keyframes pMD46F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 8.3% { transform:translate(7.5px,73.0px); opacity:0.34; } 9.9% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 62.6% { opacity:1.00; } 64.2% { transform:translate(-11.7px,565.0px); opacity:0.46; } 72.9% { transform:translate(-14.9px,641.5px); opacity:0.46; } 74.5% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 86.7% { opacity:1.00; } 88.3% { transform:translate(-10.1px,777.0px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .md47 { animation: pMD47F 19.65s linear 0.00s infinite; }
@keyframes pMD47F { 0% { transform:translate(0.0px,0.0px); } 13.6% { opacity:1.00; } 15.2% { transform:translate(12.3px,133.8px); opacity:0.46; } 23.8% { transform:translate(15.0px,209.4px); opacity:0.46; } 25% { transform:translate(15.0px,220.0px); } 25.4% { opacity:1.00; } 37.7% { opacity:1.00; } 39.3% { transform:translate(55.3px,345.8px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 59.3% { transform:translate(44.6px,521.8px); opacity:0.34; } 60.9% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md48 { animation: pMD48F 19.81s linear 0.00s infinite; }
@keyframes pMD48F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(15.0px,220.0px); } 40.9% { opacity:1.00; } 42.5% { transform:translate(6.8px,374.0px); opacity:0.46; } 50% { transform:translate(0.0px,440.0px); } 51.2% { transform:translate(-1.1px,450.6px); opacity:0.46; } 52.8% { opacity:1.00; } 65% { opacity:1.00; } 66.6% { transform:translate(33.0px,586.1px); opacity:0.34; } 75% { transform:translate(-15.0px,660.0px); } 86.6% { transform:translate(41.7px,762.1px); opacity:0.34; } 88.2% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md49 { animation: pMD49F 19.97s linear 0.00s infinite; }
@keyframes pMD49F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 4.1% { transform:translate(56.7px,36.1px); opacity:0.34; } 5.7% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 58.4% { opacity:1.00; } 60% { transform:translate(-8.8px,528.0px); opacity:0.46; } 68.6% { transform:translate(-13.8px,603.7px); opacity:0.46; } 70.2% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 82.5% { opacity:1.00; } 84.1% { transform:translate(33.4px,740.1px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .md50 { animation: pMD50F 20.13s linear 0.00s infinite; }
@keyframes pMD50F { 0% { transform:translate(0.0px,0.0px); } 23.4% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); opacity:0.46; } 33.7% { transform:translate(12.8px,296.6px); opacity:0.46; } 35.3% { opacity:1.00; } 47.5% { opacity:1.00; } 49.1% { transform:translate(0.8px,432.1px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 69.1% { transform:translate(-14.0px,608.1px); opacity:0.34; } 70.7% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md51 { animation: pMD51F 20.29s linear 0.00s infinite; }
@keyframes pMD51F { 0% { transform:translate(0.0px,0.0px); } 2.3% { opacity:1.00; } 3.9% { transform:translate(49.6px,34.3px); opacity:0.34; } 23.9% { transform:translate(67.9px,210.3px); opacity:0.34; } 25% { transform:translate(15.0px,220.0px); } 25.5% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-15.0px,660.0px); } 78.2% { opacity:1.00; } 79.8% { transform:translate(-14.3px,702.2px); opacity:0.46; } 88.4% { transform:translate(-10.0px,777.9px); opacity:0.46; } 90% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md52 { animation: pMD52F 20.45s linear 0.00s infinite; }
@keyframes pMD52F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 12.8% { transform:translate(-42.1px,112.6px); opacity:0.34; } 14.4% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 67.1% { opacity:1.00; } 68.7% { transform:translate(-13.8px,604.6px); opacity:0.46; } 75% { transform:translate(-15.0px,660.0px); } 77.4% { transform:translate(-14.8px,681.1px); opacity:0.46; } 79% { opacity:1.00; } 91.2% { opacity:1.00; } 92.8% { transform:translate(-52.5px,816.6px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .md53 { animation: pMD53F 20.61s linear 0.00s infinite; }
@keyframes pMD53F { 0% { transform:translate(0.0px,0.0px); } 9.5% { opacity:1.00; } 11.1% { transform:translate(9.6px,97.7px); opacity:0.46; } 19.7% { transform:translate(14.2px,173.4px); opacity:0.46; } 21.3% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 33.5% { opacity:1.00; } 35.1% { transform:translate(12.1px,308.9px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 55.1% { transform:translate(-4.8px,484.9px); opacity:0.34; } 56.7% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md54 { animation: pMD54F 20.77s linear 0.00s infinite; }
@keyframes pMD54F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 0.6% { transform:translate(53.5px,5.3px); opacity:0.34; } 2.2% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 54.9% { opacity:1.00; } 56.5% { transform:translate(-6.0px,497.2px); opacity:0.46; } 65.2% { transform:translate(-12.2px,573.8px); opacity:0.46; } 66.8% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 79% { opacity:1.00; } 80.6% { transform:translate(31.9px,709.3px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .md55 { animation: pMD55F 20.93s linear 0.00s infinite; }
@keyframes pMD55F { 0% { transform:translate(0.0px,0.0px); } 0.5% { opacity:1.00; } 2.1% { transform:translate(1.9px,18.5px); opacity:0.46; } 10.7% { transform:translate(9.3px,94.2px); opacity:0.46; } 12.3% { opacity:1.00; } 24.5% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 26.1% { transform:translate(61.0px,229.7px); opacity:0.34; } 46.1% { transform:translate(56.5px,405.7px); opacity:0.34; } 47.7% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-15.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md56 { animation: pMD56F 21.09s linear 0.00s infinite; }
@keyframes pMD56F { 0% { transform:translate(0.0px,0.0px); opacity:0.46; } 6.3% { transform:translate(5.8px,55.4px); opacity:0.46; } 7.9% { opacity:1.00; } 20.1% { opacity:1.00; } 21.7% { transform:translate(14.7px,191.0px); opacity:0.34; } 25% { transform:translate(15.0px,220.0px); } 41.7% { transform:translate(7.4px,367.0px); opacity:0.34; } 43.3% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-15.0px,660.0px); } 96% { opacity:1.00; } 97.6% { transform:translate(-2.2px,858.9px); opacity:0.46; } 100% { transform:translate(0.0px,880.0px); opacity:0.46; } }
.cover-front .md57 { animation: pMD57F 21.25s linear 0.00s infinite; }
@keyframes pMD57F { 0% { transform:translate(0.0px,0.0px); } 18.2% { opacity:1.00; } 19.8% { transform:translate(14.2px,174.2px); opacity:0.46; } 25% { transform:translate(15.0px,220.0px); } 28.4% { transform:translate(14.6px,249.9px); opacity:0.46; } 30% { opacity:1.00; } 42.3% { opacity:1.00; } 43.9% { transform:translate(-40.4px,386.3px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 63.9% { transform:translate(-64.4px,562.3px); opacity:0.34; } 65.5% { opacity:1.00; } 75% { transform:translate(-15.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md58 { animation: pMD58F 21.41s linear 0.00s infinite; }
@keyframes pMD58F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(15.0px,220.0px); } 38.8% { opacity:1.00; } 40.4% { transform:translate(8.5px,355.5px); opacity:0.46; } 49% { transform:translate(0.9px,431.2px); opacity:0.46; } 50% { transform:translate(0.0px,440.0px); } 50.6% { opacity:1.00; } 62.9% { opacity:1.00; } 64.5% { transform:translate(-11.9px,567.6px); opacity:0.34; } 75% { transform:translate(-15.0px,660.0px); } 84.5% { transform:translate(-12.4px,743.6px); opacity:0.34; } 86.1% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .md59 { animation: pMD59F 21.57s linear 0.00s infinite; }
@keyframes pMD59F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 13.2% { transform:translate(64.0px,116.2px); opacity:0.34; } 14.8% { opacity:1.00; } 25% { transform:translate(15.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 67.5% { opacity:1.00; } 69.1% { transform:translate(-14.0px,608.1px); opacity:0.46; } 75% { transform:translate(-15.0px,660.0px); } 77.8% { transform:translate(-14.8px,684.6px); opacity:0.46; } 79.4% { opacity:1.00; } 91.6% { opacity:1.00; } 93.2% { transform:translate(39.8px,820.2px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .an-bank { animation: pBank 8.77s ease-in-out 0.20s infinite; }
@keyframes pBank { 0%,100% { opacity:1; } 44% { opacity:.88; } }
.cover-front .an-lit { animation: pFlick 3.89s ease-out 0.00s infinite; }
@keyframes pFlick { 0%,100% { opacity:1; } 17% { opacity:.93; } 31% { opacity:1; } 52% { opacity:.88; } 74% { opacity:.97; } }
.cover-front .an-bank { animation: pFlick2 3.89s ease-out 0.06s infinite; }
@keyframes pFlick2 { 0%,100% { filter:none; } 52% { filter:brightness(.92); } }
.cover-front .nr0 { animation: pNR0F 7.13s linear 0.00s infinite; }
@keyframes pNR0F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 6.2% { transform:translate(8.7px,54.6px); opacity:0.34; } 7.8% { opacity:1.00; } 25% { transform:translate(23.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 60.5% { opacity:1.00; } 62.1% { transform:translate(-15.9px,546.5px); opacity:0.46; } 70.7% { transform:translate(-22.2px,622.2px); opacity:0.46; } 72.3% { opacity:1.00; } 75% { transform:translate(-23.0px,660.0px); } 84.6% { opacity:1.00; } 86.2% { transform:translate(-17.5px,758.6px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .nr1 { animation: pNR1F 7.29s linear 0.00s infinite; }
@keyframes pNR1F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(23.0px,220.0px); } 33.7% { opacity:1.00; } 35.3% { transform:translate(18.3px,310.6px); opacity:0.46; } 43.9% { transform:translate(8.5px,386.3px); opacity:0.46; } 45.5% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 57.8% { opacity:1.00; } 59.4% { transform:translate(-12.8px,522.7px); opacity:0.34; } 75% { transform:translate(-23.0px,660.0px); } 79.4% { transform:translate(-22.1px,698.7px); opacity:0.34; } 81% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .nr2 { animation: pNR2F 7.45s linear 0.00s infinite; }
@keyframes pNR2F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(23.0px,220.0px); } 32.1% { opacity:1.00; } 33.7% { transform:translate(19.6px,296.6px); opacity:0.46; } 42.3% { transform:translate(10.6px,372.2px); opacity:0.46; } 43.9% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 56.2% { opacity:1.00; } 57.8% { transform:translate(-10.8px,508.6px); opacity:0.34; } 75% { transform:translate(-23.0px,660.0px); } 77.8% { transform:translate(-22.6px,684.6px); opacity:0.34; } 79.4% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .nr3 { animation: pNR3F 7.61s linear 0.00s infinite; }
@keyframes pNR3F { 0% { transform:translate(0.0px,0.0px); opacity:1.00; } 0.5% { transform:translate(0.8px,4.4px); opacity:0.34; } 20.5% { transform:translate(22.1px,180.4px); opacity:0.34; } 22.1% { opacity:1.00; } 25% { transform:translate(23.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 74.8% { opacity:1.00; } 75% { transform:translate(-23.0px,660.0px); } 76.4% { transform:translate(-22.9px,672.3px); opacity:0.46; } 85.1% { transform:translate(-18.5px,748.9px); opacity:0.46; } 86.7% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .nr4 { animation: pNR4F 7.77s linear 0.00s infinite; }
@keyframes pNR4F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 8% { transform:translate(11.1px,70.4px); opacity:0.34; } 9.6% { opacity:1.00; } 25% { transform:translate(23.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 62.3% { opacity:1.00; } 63.9% { transform:translate(-17.7px,562.3px); opacity:0.46; } 72.6% { transform:translate(-22.7px,638.9px); opacity:0.46; } 74.2% { opacity:1.00; } 75% { transform:translate(-23.0px,660.0px); } 86.4% { opacity:1.00; } 88% { transform:translate(-15.7px,774.4px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .nr5 { animation: pNR5F 7.93s linear 0.00s infinite; }
@keyframes pNR5F { 0% { transform:translate(0.0px,0.0px); } 10.6% { opacity:1.00; } 12.2% { transform:translate(15.9px,107.4px); opacity:0.34; } 25% { transform:translate(23.0px,220.0px); } 32.2% { transform:translate(20.7px,283.4px); opacity:0.34; } 33.8% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-23.0px,660.0px); } 86.5% { opacity:1.00; } 88.1% { transform:translate(-15.6px,775.3px); opacity:0.46; } 96.7% { transform:translate(-4.7px,851.0px); opacity:0.46; } 98.3% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .nr6 { animation: pNR6F 8.09s linear 0.00s infinite; }
@keyframes pNR6F { 0% { transform:translate(0.0px,0.0px); } 0.5% { opacity:1.00; } 2.1% { transform:translate(3.0px,18.5px); opacity:0.46; } 10.7% { transform:translate(14.3px,94.2px); opacity:0.46; } 12.3% { opacity:1.00; } 24.6% { opacity:1.00; } 25% { transform:translate(23.0px,220.0px); } 26.2% { transform:translate(22.9px,230.6px); opacity:0.34; } 46.2% { transform:translate(5.5px,406.6px); opacity:0.34; } 47.8% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-23.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .nr7 { animation: pNR7F 8.25s linear 0.00s infinite; }
@keyframes pNR7F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(23.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 51% { opacity:1.00; } 52.6% { transform:translate(-3.8px,462.9px); opacity:0.46; } 61.3% { transform:translate(-14.9px,539.4px); opacity:0.46; } 62.9% { opacity:1.00; } 75% { transform:translate(-23.0px,660.0px); } 75.1% { opacity:1.00; } 76.7% { transform:translate(-22.9px,675.0px); opacity:0.34; } 96.7% { transform:translate(-4.7px,851.0px); opacity:0.34; } 98.3% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .nr8 { animation: pNR8F 8.41s linear 0.00s infinite; }
@keyframes pNR8F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(23.0px,220.0px); } 26.9% { opacity:1.00; } 28.5% { transform:translate(22.5px,250.8px); opacity:0.46; } 37.1% { transform:translate(16.7px,326.5px); opacity:0.46; } 38.7% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 50.9% { opacity:1.00; } 52.5% { transform:translate(-3.7px,462.0px); opacity:0.34; } 72.5% { transform:translate(-22.7px,638.0px); opacity:0.34; } 74.1% { opacity:1.00; } 75% { transform:translate(-23.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .nr9 { animation: pNR9F 8.57s linear 0.00s infinite; }
@keyframes pNR9F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(23.0px,220.0px); } 25.8% { opacity:1.00; } 27.4% { transform:translate(22.7px,241.1px); opacity:0.46; } 36% { transform:translate(17.7px,316.8px); opacity:0.46; } 37.6% { opacity:1.00; } 49.9% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 51.5% { transform:translate(-2.1px,453.2px); opacity:0.34; } 71.5% { transform:translate(-22.4px,629.2px); opacity:0.34; } 73.1% { opacity:1.00; } 75% { transform:translate(-23.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .nr10 { animation: pNR10F 8.73s linear 0.00s infinite; }
@keyframes pNR10F { 0% { transform:translate(0.0px,0.0px); opacity:0.46; } 4.2% { transform:translate(6.0px,37.0px); opacity:0.46; } 5.8% { opacity:1.00; } 18% { opacity:1.00; } 19.6% { transform:translate(21.7px,172.5px); opacity:0.34; } 25% { transform:translate(23.0px,220.0px); } 39.6% { transform:translate(13.9px,348.5px); opacity:0.34; } 41.2% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-23.0px,660.0px); } 93.9% { opacity:1.00; } 95.5% { transform:translate(-6.4px,840.4px); opacity:0.46; } 100% { transform:translate(0.0px,880.0px); opacity:0.46; } }
.cover-front .nr11 { animation: pNR11F 8.89s linear 0.00s infinite; }
@keyframes pNR11F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(23.0px,220.0px); } 40.4% { opacity:1.00; } 42% { transform:translate(11.1px,369.6px); opacity:0.46; } 50% { transform:translate(0.0px,440.0px); } 50.6% { transform:translate(-0.9px,445.3px); opacity:0.46; } 52.2% { opacity:1.00; } 64.5% { opacity:1.00; } 66.1% { transform:translate(-19.5px,581.7px); opacity:0.34; } 75% { transform:translate(-23.0px,660.0px); } 86.1% { transform:translate(-17.6px,757.7px); opacity:0.34; } 87.7% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .nr12 { animation: pNR12F 9.05s linear 0.00s infinite; }
@keyframes pNR12F { 0% { transform:translate(0.0px,0.0px); } 3.9% { opacity:1.00; } 5.5% { transform:translate(7.7px,48.4px); opacity:0.34; } 25% { transform:translate(23.0px,220.0px); } 25.5% { transform:translate(23.0px,224.4px); opacity:0.34; } 27.1% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-23.0px,660.0px); } 79.8% { opacity:1.00; } 81.4% { transform:translate(-21.2px,716.3px); opacity:0.46; } 90% { transform:translate(-13.5px,792.0px); opacity:0.46; } 91.6% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .nr13 { animation: pNR13F 9.21s linear 0.00s infinite; }
@keyframes pNR13F { 0% { transform:translate(0.0px,0.0px); } 6.6% { opacity:1.00; } 8.2% { transform:translate(11.3px,72.2px); opacity:0.46; } 16.8% { transform:translate(20.0px,147.8px); opacity:0.46; } 18.4% { opacity:1.00; } 25% { transform:translate(23.0px,220.0px); } 30.7% { opacity:1.00; } 32.3% { transform:translate(20.6px,284.2px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 52.3% { transform:translate(-3.3px,460.2px); opacity:0.34; } 53.9% { opacity:1.00; } 75% { transform:translate(-23.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .nr14 { animation: pNR14F 9.37s linear 0.00s infinite; }
@keyframes pNR14F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(23.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 54% { opacity:1.00; } 55.6% { transform:translate(-7.9px,489.3px); opacity:0.46; } 64.2% { transform:translate(-17.9px,565.0px); opacity:0.46; } 65.8% { opacity:1.00; } 75% { transform:translate(-23.0px,660.0px); } 78.1% { opacity:1.00; } 79.7% { transform:translate(-22.0px,701.4px); opacity:0.34; } 99.7% { transform:translate(-0.5px,877.4px); opacity:0.34; } 100% { transform:translate(-0.0px,880.0px); opacity:1.00; } }
.cover-front .nr15 { animation: pNR15F 9.53s linear 0.00s infinite; }
@keyframes pNR15F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(23.0px,220.0px); } 40.3% { opacity:1.00; } 41.9% { transform:translate(11.2px,368.7px); opacity:0.46; } 50% { transform:translate(0.0px,440.0px); } 50.6% { transform:translate(-0.8px,445.3px); opacity:0.46; } 52.2% { opacity:1.00; } 64.4% { opacity:1.00; } 66% { transform:translate(-19.4px,580.8px); opacity:0.34; } 75% { transform:translate(-23.0px,660.0px); } 86% { transform:translate(-17.7px,756.8px); opacity:0.34; } 87.6% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .nr16 { animation: pNR16F 9.69s linear 0.00s infinite; }
@keyframes pNR16F { 0% { transform:translate(0.0px,0.0px); opacity:0.34; } 2.1% { transform:translate(3.0px,18.5px); opacity:0.34; } 3.7% { opacity:1.00; } 25% { transform:translate(23.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 56.4% { opacity:1.00; } 58% { transform:translate(-11.1px,510.4px); opacity:0.46; } 66.6% { transform:translate(-19.9px,586.1px); opacity:0.46; } 68.2% { opacity:1.00; } 75% { transform:translate(-23.0px,660.0px); } 80.5% { opacity:1.00; } 82.1% { transform:translate(-20.8px,722.5px); opacity:0.34; } 100% { transform:translate(0.0px,880.0px); opacity:0.34; } }
.cover-front .nr17 { animation: pNR17F 9.85s linear 0.00s infinite; }
@keyframes pNR17F { 0% { transform:translate(0.0px,0.0px); opacity:0.46; } 6.9% { transform:translate(9.7px,60.7px); opacity:0.46; } 8.5% { opacity:1.00; } 20.8% { opacity:1.00; } 22.4% { transform:translate(22.7px,197.1px); opacity:0.34; } 25% { transform:translate(23.0px,220.0px); } 42.4% { transform:translate(10.6px,373.1px); opacity:0.34; } 44% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-23.0px,660.0px); } 96.7% { opacity:1.00; } 98.3% { transform:translate(-2.5px,865.0px); opacity:0.46; } 100% { transform:translate(0.0px,880.0px); opacity:0.46; } }
.cover-front .nr18 { animation: pNR18F 10.01s linear 0.00s infinite; }
@keyframes pNR18F { 0% { transform:translate(0.0px,0.0px); } 12% { opacity:1.00; } 13.6% { transform:translate(17.3px,119.7px); opacity:0.34; } 25% { transform:translate(23.0px,220.0px); } 33.6% { transform:translate(19.8px,295.7px); opacity:0.34; } 35.2% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-23.0px,660.0px); } 87.9% { opacity:1.00; } 89.5% { transform:translate(-14.1px,787.6px); opacity:0.46; } 98.1% { transform:translate(-2.7px,863.3px); opacity:0.46; } 99.7% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .nr19 { animation: pNR19F 10.17s linear 0.00s infinite; }
@keyframes pNR19F { 0% { transform:translate(0.0px,0.0px); } 17.1% { opacity:1.00; } 18.7% { transform:translate(21.2px,164.6px); opacity:0.46; } 25% { transform:translate(23.0px,220.0px); } 27.3% { transform:translate(22.8px,240.2px); opacity:0.46; } 28.9% { opacity:1.00; } 41.2% { opacity:1.00; } 42.8% { transform:translate(10.1px,376.6px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 62.8% { transform:translate(-16.6px,552.6px); opacity:0.34; } 64.4% { opacity:1.00; } 75% { transform:translate(-23.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .nr20 { animation: pNR20F 10.33s linear 0.00s infinite; }
@keyframes pNR20F { 0% { transform:translate(0.0px,0.0px); } 14% { opacity:1.00; } 15.6% { transform:translate(19.1px,137.3px); opacity:0.46; } 24.3% { transform:translate(23.0px,213.8px); opacity:0.46; } 25% { transform:translate(23.0px,220.0px); } 25.9% { opacity:1.00; } 38.1% { opacity:1.00; } 39.7% { transform:translate(13.8px,349.4px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 59.7% { transform:translate(-13.2px,525.4px); opacity:0.34; } 61.3% { opacity:1.00; } 75% { transform:translate(-23.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .nr21 { animation: pNR21F 10.49s linear 0.00s infinite; }
@keyframes pNR21F { 0% { transform:translate(0.0px,0.0px); } 13.1% { opacity:1.00; } 14.7% { transform:translate(18.4px,129.4px); opacity:0.34; } 25% { transform:translate(23.0px,220.0px); } 34.7% { transform:translate(18.8px,305.4px); opacity:0.34; } 36.3% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-23.0px,660.0px); } 89.1% { opacity:1.00; } 90.7% { transform:translate(-12.7px,798.2px); opacity:0.46; } 99.3% { transform:translate(-1.0px,873.8px); opacity:0.46; } 100% { transform:translate(-0.0px,880.0px); opacity:1.00; } }
.cover-front .nr22 { animation: pNR22F 10.65s linear 0.00s infinite; }
@keyframes pNR22F { 0% { transform:translate(0.0px,0.0px); } 5.2% { opacity:1.00; } 6.8% { transform:translate(9.6px,59.8px); opacity:0.34; } 25% { transform:translate(23.0px,220.0px); } 26.8% { transform:translate(22.8px,235.8px); opacity:0.34; } 28.4% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-23.0px,660.0px); } 81.1% { opacity:1.00; } 82.7% { transform:translate(-20.3px,727.8px); opacity:0.46; } 91.4% { transform:translate(-11.9px,804.3px); opacity:0.46; } 93% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .nr23 { animation: pNR23F 10.81s linear 0.00s infinite; }
@keyframes pNR23F { 0% { transform:translate(0.0px,0.0px); } 18.4% { opacity:1.00; } 20% { transform:translate(21.9px,176.0px); opacity:0.46; } 25% { transform:translate(23.0px,220.0px); } 28.7% { transform:translate(22.4px,252.6px); opacity:0.46; } 30.3% { opacity:1.00; } 42.5% { opacity:1.00; } 44.1% { transform:translate(8.3px,388.1px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 64.1% { transform:translate(-17.8px,564.1px); opacity:0.34; } 65.7% { opacity:1.00; } 75% { transform:translate(-23.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .nr24 { animation: pNR24F 10.97s linear 0.00s infinite; }
@keyframes pNR24F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(23.0px,220.0px); } 44.6% { opacity:1.00; } 46.2% { transform:translate(5.4px,406.6px); opacity:0.46; } 50% { transform:translate(0.0px,440.0px); } 54.9% { transform:translate(-6.9px,483.1px); opacity:0.46; } 56.5% { opacity:1.00; } 68.7% { opacity:1.00; } 70.3% { transform:translate(-22.0px,618.6px); opacity:0.34; } 75% { transform:translate(-23.0px,660.0px); } 90.3% { transform:translate(-13.1px,794.6px); opacity:0.34; } 91.9% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .nr25 { animation: pNR25F 11.13s linear 0.00s infinite; }
@keyframes pNR25F { 0% { transform:translate(0.0px,0.0px); } 14.3% { opacity:1.00; } 15.9% { transform:translate(19.3px,139.9px); opacity:0.46; } 24.5% { transform:translate(23.0px,215.6px); opacity:0.46; } 25% { transform:translate(23.0px,220.0px); } 26.1% { opacity:1.00; } 38.4% { opacity:1.00; } 40% { transform:translate(13.5px,352.0px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 60% { transform:translate(-13.5px,528.0px); opacity:0.34; } 61.6% { opacity:1.00; } 75% { transform:translate(-23.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .nr26 { animation: pNR26F 11.29s linear 0.00s infinite; }
@keyframes pNR26F { 0% { transform:translate(0.0px,0.0px); } 10.2% { opacity:1.00; } 11.8% { transform:translate(15.5px,103.8px); opacity:0.46; } 20.4% { transform:translate(22.1px,179.5px); opacity:0.46; } 22% { opacity:1.00; } 25% { transform:translate(23.0px,220.0px); } 34.3% { opacity:1.00; } 35.9% { transform:translate(17.8px,315.9px); opacity:0.34; } 50% { transform:translate(0.0px,440.0px); } 55.9% { transform:translate(-8.3px,491.9px); opacity:0.34; } 57.5% { opacity:1.00; } 75% { transform:translate(-23.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .nr27 { animation: pNR27F 11.45s linear 0.00s infinite; }
@keyframes pNR27F { 0% { transform:translate(0.0px,0.0px); } 10.1% { opacity:1.00; } 11.7% { transform:translate(15.5px,103.0px); opacity:0.34; } 25% { transform:translate(23.0px,220.0px); } 31.7% { transform:translate(21.0px,279.0px); opacity:0.34; } 33.3% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-23.0px,660.0px); } 86% { opacity:1.00; } 87.6% { transform:translate(-16.1px,770.9px); opacity:0.46; } 96.3% { transform:translate(-5.3px,847.4px); opacity:0.46; } 97.9% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .ov0 { animation: pOV0F 5.13s linear 0.00s infinite; }
@keyframes pOV0F { 0% { transform:translate(0.0px,0.0px); } 17.9% { opacity:1.00; } 19.5% { transform:translate(28.2px,171.6px); opacity:0.30; } 25% { transform:translate(30.0px,220.0px); } 28.1% { transform:translate(29.4px,247.3px); opacity:0.30; } 29.7% { opacity:1.00; } 42% { opacity:1.00; } 43.6% { transform:translate(11.7px,383.7px); opacity:0.18; } 50% { transform:translate(0.0px,440.0px); } 63.6% { transform:translate(-22.6px,559.7px); opacity:0.18; } 65.2% { opacity:1.00; } 75% { transform:translate(-30.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .ov1 { animation: pOV1F 5.29s linear 0.00s infinite; }
@keyframes pOV1F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(30.0px,220.0px); } 47.8% { opacity:1.00; } 49.4% { transform:translate(1.2px,434.7px); opacity:0.30; } 50% { transform:translate(0.0px,440.0px); } 58% { transform:translate(-14.5px,510.4px); opacity:0.30; } 59.6% { opacity:1.00; } 71.9% { opacity:1.00; } 73.5% { transform:translate(-29.9px,646.8px); opacity:0.18; } 75% { transform:translate(-30.0px,660.0px); } 93.5% { transform:translate(-12.0px,822.8px); opacity:0.18; } 95.1% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .ov2 { animation: pOV2F 5.45s linear 0.00s infinite; }
@keyframes pOV2F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(30.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 51% { opacity:1.00; } 52.6% { transform:translate(-4.8px,462.9px); opacity:0.30; } 61.2% { transform:translate(-19.4px,538.6px); opacity:0.30; } 62.8% { opacity:1.00; } 75% { transform:translate(-30.0px,660.0px); } 75.1% { opacity:1.00; } 76.7% { transform:translate(-29.8px,675.0px); opacity:0.18; } 96.7% { transform:translate(-6.2px,851.0px); opacity:0.18; } 98.3% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .ov3 { animation: pOV3F 5.61s linear 0.00s infinite; }
@keyframes pOV3F { 0% { transform:translate(0.0px,0.0px); opacity:0.18; } 3.5% { transform:translate(6.5px,30.8px); opacity:0.18; } 5.1% { opacity:1.00; } 25% { transform:translate(30.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 57.8% { opacity:1.00; } 59.4% { transform:translate(-16.7px,522.7px); opacity:0.30; } 68% { transform:translate(-27.2px,598.4px); opacity:0.30; } 69.6% { opacity:1.00; } 75% { transform:translate(-30.0px,660.0px); } 81.9% { opacity:1.00; } 83.5% { transform:translate(-25.9px,734.8px); opacity:0.18; } 100% { transform:translate(0.0px,880.0px); opacity:0.18; } }
.cover-front .ov4 { animation: pOV4F 5.77s linear 0.00s infinite; }
@keyframes pOV4F { 0% { transform:translate(0.0px,0.0px); opacity:0.18; } 19.6% { transform:translate(28.3px,172.5px); opacity:0.18; } 21.2% { opacity:1.00; } 25% { transform:translate(30.0px,220.0px); } 50% { transform:translate(0.0px,440.0px); } 73.9% { opacity:1.00; } 75% { transform:translate(-30.0px,660.0px); } 75.5% { transform:translate(-30.0px,664.4px); opacity:0.30; } 84.1% { transform:translate(-25.2px,740.1px); opacity:0.30; } 85.7% { opacity:1.00; } 98% { opacity:1.00; } 99.6% { transform:translate(-0.8px,876.5px); opacity:0.18; } 100% { transform:translate(0.0px,880.0px); opacity:0.18; } }
.cover-front .ov5 { animation: pOV5F 5.93s linear 0.00s infinite; }
@keyframes pOV5F { 0% { transform:translate(0.0px,0.0px); } 8% { opacity:1.00; } 9.6% { transform:translate(17.0px,84.5px); opacity:0.18; } 25% { transform:translate(30.0px,220.0px); } 29.6% { transform:translate(28.8px,260.5px); opacity:0.18; } 31.2% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-30.0px,660.0px); } 83.9% { opacity:1.00; } 85.5% { transform:translate(-23.7px,752.4px); opacity:0.30; } 94.1% { transform:translate(-10.9px,828.1px); opacity:0.30; } 95.7% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .ov6 { animation: pOV6F 6.09s linear 0.00s infinite; }
@keyframes pOV6F { 0% { transform:translate(0.0px,0.0px); } 1.8% { opacity:1.00; } 3.4% { transform:translate(6.4px,29.9px); opacity:0.18; } 23.4% { transform:translate(29.9px,205.9px); opacity:0.18; } 25% { transform:translate(30.0px,220.0px); opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 75% { transform:translate(-30.0px,660.0px); } 77.8% { opacity:1.00; } 79.4% { transform:translate(-28.9px,698.7px); opacity:0.30; } 88% { transform:translate(-20.5px,774.4px); opacity:0.30; } 89.6% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .ov7 { animation: pOV7F 6.25s linear 0.00s infinite; }
@keyframes pOV7F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(30.0px,220.0px); } 29.9% { opacity:1.00; } 31.5% { transform:translate(27.5px,277.2px); opacity:0.30; } 40.1% { transform:translate(17.4px,352.9px); opacity:0.30; } 41.7% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 54% { opacity:1.00; } 55.6% { transform:translate(-10.3px,489.3px); opacity:0.18; } 75% { transform:translate(-30.0px,660.0px); } 75.6% { transform:translate(-30.0px,665.3px); opacity:0.18; } 77.2% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .ov8 { animation: pOV8F 6.41s linear 0.00s infinite; }
@keyframes pOV8F { 0% { transform:translate(0.0px,0.0px); } 7.4% { opacity:1.00; } 9% { transform:translate(16.0px,79.2px); opacity:0.30; } 17.6% { transform:translate(26.8px,154.9px); opacity:0.30; } 19.2% { opacity:1.00; } 25% { transform:translate(30.0px,220.0px); } 31.5% { opacity:1.00; } 33.1% { transform:translate(26.2px,291.3px); opacity:0.18; } 50% { transform:translate(0.0px,440.0px); } 53.1% { transform:translate(-5.8px,467.3px); opacity:0.18; } 54.7% { opacity:1.00; } 75% { transform:translate(-30.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .ov9 { animation: pOV9F 6.57s linear 0.00s infinite; }
@keyframes pOV9F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(30.0px,220.0px); } 36.5% { opacity:1.00; } 38.1% { transform:translate(20.4px,335.3px); opacity:0.30; } 46.8% { transform:translate(6.0px,411.8px); opacity:0.30; } 48.4% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 60.6% { opacity:1.00; } 62.2% { transform:translate(-20.8px,547.4px); opacity:0.18; } 75% { transform:translate(-30.0px,660.0px); } 82.2% { transform:translate(-27.0px,723.4px); opacity:0.18; } 83.8% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .ov10 { animation: pOV10F 6.73s linear 0.00s infinite; }
@keyframes pOV10F { 0% { transform:translate(0.0px,0.0px); } 5.6% { opacity:1.00; } 7.2% { transform:translate(13.1px,63.4px); opacity:0.30; } 15.8% { transform:translate(25.2px,139.0px); opacity:0.30; } 17.4% { opacity:1.00; } 25% { transform:translate(30.0px,220.0px); } 29.7% { opacity:1.00; } 31.3% { transform:translate(27.7px,275.4px); opacity:0.18; } 50% { transform:translate(0.0px,440.0px); } 51.3% { transform:translate(-2.4px,451.4px); opacity:0.18; } 52.9% { opacity:1.00; } 75% { transform:translate(-30.0px,660.0px); } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .ov11 { animation: pOV11F 6.89s linear 0.00s infinite; }
@keyframes pOV11F { 0% { transform:translate(0.0px,0.0px); } 25% { transform:translate(30.0px,220.0px); } 31.6% { opacity:1.00; } 33.2% { transform:translate(26.1px,292.2px); opacity:0.30; } 41.9% { transform:translate(14.6px,368.7px); opacity:0.30; } 43.5% { opacity:1.00; } 50% { transform:translate(0.0px,440.0px); } 55.7% { opacity:1.00; } 57.3% { transform:translate(-13.4px,504.2px); opacity:0.18; } 75% { transform:translate(-30.0px,660.0px); } 77.3% { transform:translate(-29.7px,680.2px); opacity:0.18; } 78.9% { opacity:1.00; } 100% { transform:translate(-0.0px,880.0px); } }
.cover-front .t0 { opacity:0; animation: cvT0 1.00s cubic-bezier(.22,.9,.3,1) 0.28s both; }
@keyframes cvT0 { from { opacity:0; transform:translateY(-14px); } to { opacity:1; transform:none; } }
.cover-front .t1 { opacity:0; animation: cvT1 1.00s cubic-bezier(.22,.9,.3,1) 0.48s both; }
@keyframes cvT1 { from { opacity:0; transform:translateY(-14px); } to { opacity:1; transform:none; } }
.cover-front .byl { opacity:0; animation: cvByl 1.20s ease-out 1.28s both; }
@keyframes cvByl { from { opacity:0; } to { opacity:1; } }
.cover-front .ftr { opacity:0; animation: cvFtr 1.20s ease-out 3.00s both; }
@keyframes cvFtr { from { opacity:0; } to { opacity:1; } }