.sarrow{z-index:2000;filter:drop-shadow(0 0 5px #000000e6);fill:green;stroke:#fff;opacity:0;transition:opacity 1s;position:absolute}.sarrow.showing{opacity:1}.sarrow.green{fill:green}.sarrow.red{fill:red}.sarrow.black{fill:#000}.sarrow.yellow{fill:#ff0}.sarrow.lightgrey{fill:#d3d3d3}.sarrow.pink{fill:pink}.sarrow.white{fill:#fff;stroke:#000}.sbanner{z-index:1001;color:#fff;opacity:0;background:#000000e6;border:1px solid #000;border-radius:10px;padding:2%;transition:opacity 1s;display:table;position:fixed;box-shadow:inset 0 1px 1px #ffffff4d,0 0 10px #000}.sbanner.showing{opacity:1}.sbanner .s_inner{vertical-align:middle;text-align:center;display:table-cell}.tbanner{z-index:2001;opacity:0;text-align:left;white-space:pre-wrap;color:#fff;text-shadow:3px 3px 6px #000,-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;width:80%;height:20%;font-size:80px;font-weight:700;line-height:1;transition:opacity 1s;display:flex;position:fixed;top:70%;left:10%}.tbanner.showing{opacity:1}.ulist{z-index:2001;flex-flow:column wrap;justify-content:center;width:80%;height:80%;transition:opacity 1s;display:flex;position:fixed;top:10%;left:10%}.ulist.flex-row{flex-direction:row}.ulist.flex-row .ulist-row{justify-content:center}.ulist-row{color:#fff;opacity:0;text-align:left;white-space:pre-wrap;text-shadow:3px 3px 6px #000,-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;justify-content:flex-start;align-items:center;width:100%;font-size:80px;font-weight:700;line-height:1;display:flex}.ulist-row.fs40{font-size:40px}.ulist-row.fs50{font-size:50px}.ulist-row.fs60{font-size:60px}.ulist-row.fs70{font-size:70px}.ulist-row.fs80{font-size:80px}.ulist-row.o50{opacity:.5}.ulist-row.showing,.ulist-row.o100{opacity:1}.stitle{z-index:2001;color:#fff;opacity:0;background:#000000e6;border:1px solid #000;flex-direction:column;justify-content:center;align-items:center;padding:2%;transition:opacity 2s;display:flex;position:fixed;inset:0;box-shadow:inset 0 1px 1px #ffffff4d}.stitle.s_slower{transition:opacity 3s}.stitle.s_showing{opacity:1}.stitle .s_img{max-width:800px;height:200px}.stitle .s_mask{position:relative;overflow:hidden}.stitle .s_top{animation:2s ease-out 3s both animation-down}.stitle .s_bottom{text-transform:uppercase;text-align:center;font-size:60px;animation:2s ease-out 3s both animation-up}.stitle .s_reverse{animation-direction:reverse;animation-delay:0s}@keyframes animation-down{0%{transform:translate(0,0)}to{transform:translateY(100%)}}@keyframes animation-up{0%{transform:translate(0,0)}to{transform:translateY(-100%)}}html{background:#f4f7f8}body{transition:opacity 1.5s}body.faded{opacity:0}