-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 30.9 KB
/
index.html
1
<html><body style="background: #909FDE;"><div style="position: relative;height: 100%;width: 450px;"><h1 style="position: absolute;top: 20px;right: 20px;color: #4B5992;">Books read</h1><h2 style="position: absolute;top: 56px;right: 20px;color: #4B5992;">in real scale</h2><image style="height: 728px;position: absolute;bottom: 60px;left: 20px;" src="./male.svg"/><div style="display: flex;align-items: flex-end;position: absolute;bottom: 0;"><div style="display: flex;flex-direction: column;align-items: center;width: 80px;margin: 0 5px;"><div style="height: 7px;width: 61px;border: 3px solid rgba(181,110,157,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(232,232,232,.5);width: 100%;height: 100%;"></div></div><div style="height: 5px;width: 70px;border: 3px solid rgba(114,139,200,.5);border-right: none;padding-right: 5px;border-radius: 1px 0 0 1px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(247,247,247,.5);width: 100%;height: 100%;"></div></div><div style="height: 4px;width: 67px;border: 3px solid rgba(115,179,119,.5);border-right: none;padding-right: 5px;border-radius: 1px 0 0 1px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(247,247,247,.5);width: 100%;height: 100%;"></div></div><div style="height: 7px;width: 71px;border: 3px solid rgba(164,182,191,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(224,224,224,.5);width: 100%;height: 100%;"></div></div><div style="height: 10px;width: 77px;border: 3px solid rgba(186,182,192,.5);border-right: none;padding-right: 5px;border-radius: 3px 0 0 3px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(229,229,229,.5);width: 100%;height: 100%;"></div></div><div style="height: 8px;width: 71px;border: 3px solid rgba(130,163,184,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(233,233,233,.5);width: 100%;height: 100%;"></div></div><div style="height: 11px;width: 77px;border: 3px solid rgba(112,105,110,.5);border-left: none;padding-left: 5px;border-radius: 0 3px 3px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(226,226,226,.5);width: 100%;height: 100%;"></div></div><div style="height: 9px;width: 69px;border: 3px solid rgba(171,120,129,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(249,249,249,.5);width: 100%;height: 100%;"></div></div><div style="height: 10px;width: 69px;border: 3px solid rgba(148,103,102,.5);border-left: none;padding-left: 5px;border-radius: 0 3px 3px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(242,242,242,.5);width: 100%;height: 100%;"></div></div><div style="height: 11px;width: 64px;border: 3px solid rgba(135,160,167,.5);border-right: none;padding-right: 5px;border-radius: 3px 0 0 3px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(238,238,238,.5);width: 100%;height: 100%;"></div></div><div style="height: 10px;width: 68px;border: 3px solid rgba(116,154,120,.5);border-left: none;padding-left: 5px;border-radius: 0 3px 3px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(232,232,232,.5);width: 100%;height: 100%;"></div></div><div style="height: 7px;width: 78px;border: 3px solid rgba(127,180,179,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(223,223,223,.5);width: 100%;height: 100%;"></div></div><div style="height: 13px;width: 74px;border: 3px solid rgba(158,101,156,.5);border-right: none;padding-right: 5px;border-radius: 3px 0 0 3px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(228,228,228,.5);width: 100%;height: 100%;"></div></div><div style="height: 8px;width: 75px;border: 3px solid rgba(161,137,126,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(244,244,244,.5);width: 100%;height: 100%;"></div></div><div style="height: 9px;width: 71px;border: 3px solid rgba(148,198,157,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(243,243,243,.5);width: 100%;height: 100%;"></div></div><div style="height: 8px;width: 76px;border: 3px solid rgba(162,100,168,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(226,226,226,.5);width: 100%;height: 100%;"></div></div><div style="height: 4px;width: 71px;border: 3px solid rgba(140,195,110,.5);border-right: none;padding-right: 5px;border-radius: 1px 0 0 1px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(235,235,235,.5);width: 100%;height: 100%;"></div></div><div style="height: 19px;width: 60px;border: 3px solid rgba(183,156,150,.5);border-right: none;padding-right: 5px;border-radius: 5px 0 0 5px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(234,234,234,.5);width: 100%;height: 100%;"></div></div><div style="height: 8px;width: 70px;border: 3px solid rgba(135,126,170,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(249,249,249,.5);width: 100%;height: 100%;"></div></div><div style="height: 7px;width: 74px;border: 3px solid rgba(146,151,155,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(235,235,235,.5);width: 100%;height: 100%;"></div></div><h1 style="font-size: 24px;color: #4B5992;">2017</h1></div><div style="display: flex;flex-direction: column;align-items: center;width: 80px;margin: 0 5px;"><div style="height: 9px;width: 73px;border: 3px solid rgba(128,161,199,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(228,228,228,.5);width: 100%;height: 100%;"></div></div><div style="height: 10px;width: 65px;border: 3px solid rgba(110,148,141,.5);border-left: none;padding-left: 5px;border-radius: 0 3px 3px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(244,244,244,.5);width: 100%;height: 100%;"></div></div><div style="height: 7px;width: 77px;border: 3px solid rgba(173,106,147,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(247,247,247,.5);width: 100%;height: 100%;"></div></div><div style="height: 12px;width: 79px;border: 3px solid rgba(131,104,153,.5);border-right: none;padding-right: 5px;border-radius: 3px 0 0 3px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(229,229,229,.5);width: 100%;height: 100%;"></div></div><div style="height: 8px;width: 78px;border: 3px solid rgba(128,100,177,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(243,243,243,.5);width: 100%;height: 100%;"></div></div><div style="height: 12px;width: 68px;border: 3px solid rgba(169,121,163,.5);border-left: none;padding-left: 5px;border-radius: 0 3px 3px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(239,239,239,.5);width: 100%;height: 100%;"></div></div><div style="height: 7px;width: 64px;border: 3px solid rgba(128,142,174,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(237,237,237,.5);width: 100%;height: 100%;"></div></div><div style="height: 10px;width: 72px;border: 3px solid rgba(171,163,107,.5);border-right: none;padding-right: 5px;border-radius: 3px 0 0 3px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(226,226,226,.5);width: 100%;height: 100%;"></div></div><div style="height: 7px;width: 77px;border: 3px solid rgba(147,112,128,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(236,236,236,.5);width: 100%;height: 100%;"></div></div><div style="height: 10px;width: 71px;border: 3px solid rgba(145,169,134,.5);border-left: none;padding-left: 5px;border-radius: 0 3px 3px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(245,245,245,.5);width: 100%;height: 100%;"></div></div><div style="height: 8px;width: 72px;border: 3px solid rgba(144,115,129,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(232,232,232,.5);width: 100%;height: 100%;"></div></div><div style="height: 8px;width: 70px;border: 3px solid rgba(135,126,160,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(245,245,245,.5);width: 100%;height: 100%;"></div></div><div style="height: 3px;width: 73px;border: 3px solid rgba(182,134,152,.5);border-left: none;padding-left: 5px;border-radius: 0 1px 1px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(233,233,233,.5);width: 100%;height: 100%;"></div></div><div style="height: 12px;width: 72px;border: 3px solid rgba(180,120,185,.5);border-left: none;padding-left: 5px;border-radius: 0 3px 3px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(230,230,230,.5);width: 100%;height: 100%;"></div></div><div style="height: 5px;width: 74px;border: 3px solid rgba(123,157,122,.5);border-left: none;padding-left: 5px;border-radius: 0 1px 1px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(235,235,235,.5);width: 100%;height: 100%;"></div></div><div style="height: 17px;width: 66px;border: 3px solid rgba(198,149,103,.5);border-left: none;padding-left: 5px;border-radius: 0 4px 4px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(245,245,245,.5);width: 100%;height: 100%;"></div></div><div style="height: 11px;width: 74px;border: 3px solid rgba(146,160,116,.5);border-right: none;padding-right: 5px;border-radius: 3px 0 0 3px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(234,234,234,.5);width: 100%;height: 100%;"></div></div><div style="height: 10px;width: 62px;border: 3px solid rgba(130,133,183,.5);border-left: none;padding-left: 5px;border-radius: 0 3px 3px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(229,229,229,.5);width: 100%;height: 100%;"></div></div><div style="height: 10px;width: 64px;border: 3px solid rgba(126,180,174,.5);border-left: none;padding-left: 5px;border-radius: 0 3px 3px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(245,245,245,.5);width: 100%;height: 100%;"></div></div><div style="height: 9px;width: 65px;border: 3px solid rgba(193,114,125,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(237,237,237,.5);width: 100%;height: 100%;"></div></div><div style="height: 7px;width: 65px;border: 3px solid rgba(117,190,119,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(247,247,247,.5);width: 100%;height: 100%;"></div></div><div style="height: 6px;width: 75px;border: 3px solid rgba(160,184,134,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(223,223,223,.5);width: 100%;height: 100%;"></div></div><div style="height: 7px;width: 77px;border: 3px solid rgba(150,174,179,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(235,235,235,.5);width: 100%;height: 100%;"></div></div><div style="height: 9px;width: 68px;border: 3px solid rgba(176,161,159,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(221,221,221,.5);width: 100%;height: 100%;"></div></div><div style="height: 9px;width: 64px;border: 3px solid rgba(162,131,188,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(247,247,247,.5);width: 100%;height: 100%;"></div></div><div style="height: 8px;width: 67px;border: 3px solid rgba(177,134,143,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(250,250,250,.5);width: 100%;height: 100%;"></div></div><div style="height: 8px;width: 72px;border: 3px solid rgba(129,105,152,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(235,235,235,.5);width: 100%;height: 100%;"></div></div><div style="height: 10px;width: 67px;border: 3px solid rgba(168,121,175,.5);border-right: none;padding-right: 5px;border-radius: 3px 0 0 3px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(226,226,226,.5);width: 100%;height: 100%;"></div></div><div style="height: 7px;width: 67px;border: 3px solid rgba(105,115,155,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(248,248,248,.5);width: 100%;height: 100%;"></div></div><div style="height: 6px;width: 63px;border: 3px solid rgba(132,165,131,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(227,227,227,.5);width: 100%;height: 100%;"></div></div><div style="height: 11px;width: 75px;border: 3px solid rgba(187,173,187,.5);border-left: none;padding-left: 5px;border-radius: 0 3px 3px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(229,229,229,.5);width: 100%;height: 100%;"></div></div><div style="height: 9px;width: 77px;border: 3px solid rgba(192,138,113,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(238,238,238,.5);width: 100%;height: 100%;"></div></div><div style="height: 8px;width: 69px;border: 3px solid rgba(157,184,119,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(229,229,229,.5);width: 100%;height: 100%;"></div></div><div style="height: 10px;width: 72px;border: 3px solid rgba(176,141,194,.5);border-left: none;padding-left: 5px;border-radius: 0 3px 3px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(240,240,240,.5);width: 100%;height: 100%;"></div></div><div style="height: 6px;width: 80px;border: 3px solid rgba(110,143,199,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(224,224,224,.5);width: 100%;height: 100%;"></div></div><div style="height: 9px;width: 61px;border: 3px solid rgba(121,194,148,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(235,235,235,.5);width: 100%;height: 100%;"></div></div><h1 style="font-size: 24px;color: #4B5992;">2018</h1></div><div style="display: flex;flex-direction: column;align-items: center;width: 80px;margin: 0 5px;"><div style="height: 9px;width: 70px;border: 3px solid rgba(112,124,129,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(225,225,225,.5);width: 100%;height: 100%;"></div></div><div style="height: 10px;width: 62px;border: 3px solid rgba(108,174,199,.5);border-right: none;padding-right: 5px;border-radius: 3px 0 0 3px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(250,250,250,.5);width: 100%;height: 100%;"></div></div><div style="height: 6px;width: 64px;border: 3px solid rgba(131,179,185,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(236,236,236,.5);width: 100%;height: 100%;"></div></div><div style="height: 7px;width: 68px;border: 3px solid rgba(163,121,121,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(243,243,243,.5);width: 100%;height: 100%;"></div></div><div style="height: 10px;width: 68px;border: 3px solid rgba(163,102,121,.5);border-right: none;padding-right: 5px;border-radius: 3px 0 0 3px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(241,241,241,.5);width: 100%;height: 100%;"></div></div><div style="height: 9px;width: 75px;border: 3px solid rgba(170,118,164,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(243,243,243,.5);width: 100%;height: 100%;"></div></div><div style="height: 8px;width: 79px;border: 3px solid rgba(131,144,131,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(245,245,245,.5);width: 100%;height: 100%;"></div></div><div style="height: 16px;width: 73px;border: 3px solid rgba(181,187,128,.5);border-right: none;padding-right: 5px;border-radius: 4px 0 0 4px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(249,249,249,.5);width: 100%;height: 100%;"></div></div><div style="height: 9px;width: 76px;border: 3px solid rgba(138,197,113,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(227,227,227,.5);width: 100%;height: 100%;"></div></div><div style="height: 7px;width: 74px;border: 3px solid rgba(133,126,128,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(249,249,249,.5);width: 100%;height: 100%;"></div></div><div style="height: 7px;width: 78px;border: 3px solid rgba(113,150,157,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(222,222,222,.5);width: 100%;height: 100%;"></div></div><div style="height: 6px;width: 61px;border: 3px solid rgba(132,174,160,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(224,224,224,.5);width: 100%;height: 100%;"></div></div><div style="height: 7px;width: 70px;border: 3px solid rgba(144,199,155,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(229,229,229,.5);width: 100%;height: 100%;"></div></div><div style="height: 5px;width: 77px;border: 3px solid rgba(115,196,158,.5);border-right: none;padding-right: 5px;border-radius: 1px 0 0 1px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(248,248,248,.5);width: 100%;height: 100%;"></div></div><div style="height: 9px;width: 79px;border: 3px solid rgba(177,171,103,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(245,245,245,.5);width: 100%;height: 100%;"></div></div><div style="height: 10px;width: 71px;border: 3px solid rgba(190,114,165,.5);border-left: none;padding-left: 5px;border-radius: 0 3px 3px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(247,247,247,.5);width: 100%;height: 100%;"></div></div><div style="height: 10px;width: 62px;border: 3px solid rgba(126,145,198,.5);border-left: none;padding-left: 5px;border-radius: 0 3px 3px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(239,239,239,.5);width: 100%;height: 100%;"></div></div><div style="height: 4px;width: 75px;border: 3px solid rgba(193,173,134,.5);border-right: none;padding-right: 5px;border-radius: 1px 0 0 1px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(223,223,223,.5);width: 100%;height: 100%;"></div></div><div style="height: 7px;width: 79px;border: 3px solid rgba(116,191,137,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(225,225,225,.5);width: 100%;height: 100%;"></div></div><div style="height: 9px;width: 67px;border: 3px solid rgba(196,113,173,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(242,242,242,.5);width: 100%;height: 100%;"></div></div><div style="height: 9px;width: 64px;border: 3px solid rgba(152,178,110,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(234,234,234,.5);width: 100%;height: 100%;"></div></div><h1 style="font-size: 24px;color: #4B5992;">2019</h1></div><div style="display: flex;flex-direction: column;align-items: center;width: 80px;margin: 0 5px;"><div style="height: 9px;width: 63px;border: 3px solid rgba(194,114,153,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(230,230,230,.5);width: 100%;height: 100%;"></div></div><div style="height: 9px;width: 62px;border: 3px solid rgba(158,149,111,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(237,237,237,.5);width: 100%;height: 100%;"></div></div><div style="height: 9px;width: 62px;border: 3px solid rgba(105,177,158,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(248,248,248,.5);width: 100%;height: 100%;"></div></div><div style="height: 13px;width: 72px;border: 3px solid rgba(132,147,155,.5);border-right: none;padding-right: 5px;border-radius: 3px 0 0 3px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(249,249,249,.5);width: 100%;height: 100%;"></div></div><div style="height: 9px;width: 65px;border: 3px solid rgba(119,125,135,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(224,224,224,.5);width: 100%;height: 100%;"></div></div><div style="height: 7px;width: 71px;border: 3px solid rgba(112,126,174,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(246,246,246,.5);width: 100%;height: 100%;"></div></div><div style="height: 8px;width: 74px;border: 3px solid rgba(190,137,165,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(223,223,223,.5);width: 100%;height: 100%;"></div></div><div style="height: 25px;width: 72px;border: 3px solid rgba(135,125,195,.5);border-right: none;padding-right: 5px;border-radius: 6px 0 0 6px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(245,245,245,.5);width: 100%;height: 100%;"></div></div><div style="height: 8px;width: 70px;border: 3px solid rgba(166,175,172,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(235,235,235,.5);width: 100%;height: 100%;"></div></div><div style="height: 9px;width: 63px;border: 3px solid rgba(122,157,182,.5);border-right: none;padding-right: 5px;border-radius: 2px 0 0 2px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(244,244,244,.5);width: 100%;height: 100%;"></div></div><h1 style="font-size: 24px;color: #4B5992;">2020</h1></div><div style="display: flex;flex-direction: column;align-items: center;width: 80px;margin: 0 5px;"><div style="height: 22px;width: 79px;border: 3px solid rgba(169,168,132,.5);border-right: none;padding-right: 5px;border-radius: 6px 0 0 6px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(231,231,231,.5);width: 100%;height: 100%;"></div></div><div style="height: 8px;width: 74px;border: 3px solid rgba(137,153,191,.5);border-left: none;padding-left: 5px;border-radius: 0 2px 2px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(237,237,237,.5);width: 100%;height: 100%;"></div></div><div style="height: 16px;width: 67px;border: 3px solid rgba(157,104,174,.5);border-left: none;padding-left: 5px;border-radius: 0 4px 4px 0;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(229,229,229,.5);width: 100%;height: 100%;"></div></div><div style="height: 12px;width: 65px;border: 3px solid rgba(154,137,173,.5);border-right: none;padding-right: 5px;border-radius: 3px 0 0 3px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(229,229,229,.5);width: 100%;height: 100%;"></div></div><div style="height: 13px;width: 63px;border: 3px solid rgba(191,189,199,.5);border-right: none;padding-right: 5px;border-radius: 3px 0 0 3px;overflow: hidden;"><div style="background: linear-gradient( white 50%, transparent 50%);background-size: 2px 2px;background-color: rgba(224,224,224,.5);width: 100%;height: 100%;"></div></div><h1 style="font-size: 24px;color: #4B5992;">2021</h1></div></div></div></body></html>