* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html, body {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden; }

main {
  width: 100%;
  margin: auto;
  position: relative; }

#Index, #Index-overlay {
  height: 100vh; }

#Index {
  overflow: hidden; }

#Index-overlay {
  position: absolute;
  width: 100%;
  overflow: auto;
  z-index: 10; }

.ScrollMarker {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px; }

.Index-item {
  width: 100%;
  height: calc(100vh * (6 / 7));
  overflow: hidden; }
  .Index-item svg {
    padding: 10px;
    width: 100%;
    height: 100%;
    overflow: hidden; }

.Index-spacer {
  height: 100%; }

.Index-item:nth-child(1) {
  background-color: #404040; }
  .Index-item:nth-child(1) svg {
    fill: #bfbfbf; }

.Index-item:nth-child(2) {
  background-color: gray; }
  .Index-item:nth-child(2) svg {
    fill: white; }

.Index-item:nth-child(3) {
  background-color: white; }
  .Index-item:nth-child(3) svg {
    fill: gray; }

.Index-item:nth-child(4) {
  background-color: black; }
  .Index-item:nth-child(4) svg {
    fill: white; }

.Index-item:nth-child(5) {
  background-color: #bfbfbf; }
  .Index-item:nth-child(5) svg {
    fill: #404040; }

.Index-item:nth-child(6) {
  background-color: white; }
  .Index-item:nth-child(6) svg {
    fill: black; }

.Index-item:nth-child(7) {
  background-color: black; }
  .Index-item:nth-child(7) svg {
    fill: white; }

.Index-item:nth-child(8) {
  background-color: gray; }
  .Index-item:nth-child(8) svg {
    fill: black; }

.Index-item:nth-child(3) {
  background-color: #404040; }
  .Index-item:nth-child(3) svg {
    fill: white; }

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4uY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsK0JBQXVCO1VBQXZCLHVCQUF1QixFQUFFOztBQUUzQjtFQUNFLFlBQVk7RUFDWixVQUFVO0VBQ1YsV0FBVztFQUNYLGFBQWE7RUFDYixpQkFBaUIsRUFBRTs7QUFFckI7RUFDRSxZQUFZO0VBQ1osYUFBYTtFQUNiLG1CQUFtQixFQUFFOztBQUV2QjtFQUNFLGNBQWMsRUFBRTs7QUFFbEI7RUFDRSxpQkFBaUIsRUFBRTs7QUFFckI7RUFDRSxtQkFBbUI7RUFDbkIsWUFBWTtFQUNaLGVBQWU7RUFDZixZQUFZLEVBQUU7O0FBRWhCO0VBQ0UsZ0JBQWdCO0VBQ2hCLFFBQVE7RUFDUixPQUFPO0VBQ1AsWUFBWTtFQUNaLFlBQVksRUFBRTs7QUFFaEI7RUFDRSxZQUFZO0VBQ1osOEJBQThCO0VBQzlCLGlCQUFpQixFQUFFO0VBQ25CO0lBQ0UsY0FBYztJQUNkLFlBQVk7SUFDWixhQUFhO0lBQ2IsaUJBQWlCLEVBQUU7O0FBRXZCO0VBQ0UsYUFBYSxFQUFFOztBQUVqQjtFQUNFLDBCQUEwQixFQUFFO0VBQzVCO0lBQ0UsY0FBYyxFQUFFOztBQUVwQjtFQUNFLHVCQUF1QixFQUFFO0VBQ3pCO0lBQ0UsWUFBWSxFQUFFOztBQUVsQjtFQUNFLHdCQUF3QixFQUFFO0VBQzFCO0lBQ0UsV0FBVyxFQUFFOztBQUVqQjtFQUNFLHdCQUF3QixFQUFFO0VBQzFCO0lBQ0UsWUFBWSxFQUFFOztBQUVsQjtFQUNFLDBCQUEwQixFQUFFO0VBQzVCO0lBQ0UsY0FBYyxFQUFFOztBQUVwQjtFQUNFLHdCQUF3QixFQUFFO0VBQzFCO0lBQ0UsWUFBWSxFQUFFOztBQUVsQjtFQUNFLHdCQUF3QixFQUFFO0VBQzFCO0lBQ0UsWUFBWSxFQUFFOztBQUVsQjtFQUNFLHVCQUF1QixFQUFFO0VBQ3pCO0lBQ0UsWUFBWSxFQUFFOztBQUVsQjtFQUNFLDBCQUEwQixFQUFFO0VBQzVCO0lBQ0UsWUFBWSxFQUFFIiwiZmlsZSI6Im1haW4uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiKiB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7IH1cblxuaHRtbCwgYm9keSB7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjsgfVxuXG5tYWluIHtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogYXV0bztcbiAgcG9zaXRpb246IHJlbGF0aXZlOyB9XG5cbiNJbmRleCwgI0luZGV4LW92ZXJsYXkge1xuICBoZWlnaHQ6IDEwMHZoOyB9XG5cbiNJbmRleCB7XG4gIG92ZXJmbG93OiBoaWRkZW47IH1cblxuI0luZGV4LW92ZXJsYXkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICBvdmVyZmxvdzogYXV0bztcbiAgei1pbmRleDogMTA7IH1cblxuLlNjcm9sbE1hcmtlciB7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxcHg7IH1cblxuLkluZGV4LWl0ZW0ge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiBjYWxjKDEwMHZoICogKDYgLyA3KSk7XG4gIG92ZXJmbG93OiBoaWRkZW47IH1cbiAgLkluZGV4LWl0ZW0gc3ZnIHtcbiAgICBwYWRkaW5nOiAxMHB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBvdmVyZmxvdzogaGlkZGVuOyB9XG5cbi5JbmRleC1zcGFjZXIge1xuICBoZWlnaHQ6IDEwMCU7IH1cblxuLkluZGV4LWl0ZW06bnRoLWNoaWxkKDEpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzQwNDA0MDsgfVxuICAuSW5kZXgtaXRlbTpudGgtY2hpbGQoMSkgc3ZnIHtcbiAgICBmaWxsOiAjYmZiZmJmOyB9XG5cbi5JbmRleC1pdGVtOm50aC1jaGlsZCgyKSB7XG4gIGJhY2tncm91bmQtY29sb3I6IGdyYXk7IH1cbiAgLkluZGV4LWl0ZW06bnRoLWNoaWxkKDIpIHN2ZyB7XG4gICAgZmlsbDogd2hpdGU7IH1cblxuLkluZGV4LWl0ZW06bnRoLWNoaWxkKDMpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7IH1cbiAgLkluZGV4LWl0ZW06bnRoLWNoaWxkKDMpIHN2ZyB7XG4gICAgZmlsbDogZ3JheTsgfVxuXG4uSW5kZXgtaXRlbTpudGgtY2hpbGQoNCkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBibGFjazsgfVxuICAuSW5kZXgtaXRlbTpudGgtY2hpbGQoNCkgc3ZnIHtcbiAgICBmaWxsOiB3aGl0ZTsgfVxuXG4uSW5kZXgtaXRlbTpudGgtY2hpbGQoNSkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjYmZiZmJmOyB9XG4gIC5JbmRleC1pdGVtOm50aC1jaGlsZCg1KSBzdmcge1xuICAgIGZpbGw6ICM0MDQwNDA7IH1cblxuLkluZGV4LWl0ZW06bnRoLWNoaWxkKDYpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7IH1cbiAgLkluZGV4LWl0ZW06bnRoLWNoaWxkKDYpIHN2ZyB7XG4gICAgZmlsbDogYmxhY2s7IH1cblxuLkluZGV4LWl0ZW06bnRoLWNoaWxkKDcpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogYmxhY2s7IH1cbiAgLkluZGV4LWl0ZW06bnRoLWNoaWxkKDcpIHN2ZyB7XG4gICAgZmlsbDogd2hpdGU7IH1cblxuLkluZGV4LWl0ZW06bnRoLWNoaWxkKDgpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogZ3JheTsgfVxuICAuSW5kZXgtaXRlbTpudGgtY2hpbGQoOCkgc3ZnIHtcbiAgICBmaWxsOiBibGFjazsgfVxuXG4uSW5kZXgtaXRlbTpudGgtY2hpbGQoMykge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNDA0MDQwOyB9XG4gIC5JbmRleC1pdGVtOm50aC1jaGlsZCgzKSBzdmcge1xuICAgIGZpbGw6IHdoaXRlOyB9XG4iXX0= */