.header {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        position: fixed;
        top: 0;
      }
      .header div {
        flex: 1;
        width: 10%;
        height: 80px;
        line-height: 80px;
        font-size: 24px;
        color: #fff;
        text-align: center;
      }

    .header div:nth-of-type(1) {
        background: rgb(254, 67, 101);
      }
      .header div:nth-of-type(2) {
        background: rgb(252, 157, 154);
      }
      .header div:nth-of-type(3) {
        background: rgb(249, 205, 173);
      }
      .header div:nth-of-type(4) {
        background: rgb(200, 200, 169);
      }
      .header div:nth-of-type(5) {
        background: rgb(131, 175, 155);
      }
      .header div:nth-of-type(6) {
        background: rgb(182, 194, 154);
      }
      .header div:nth-of-type(7) {
        background: rgb(138, 151, 123);
      }
      .header div:nth-of-type(8) {
        background: rgb(244, 208, 0);
      }
      .header div:nth-of-type(9) {
        background: rgb(229, 131, 8);
      }
      .header div:nth-of-type(10) {
        background: rgb(220, 87, 18);
      }