ion-header {
  background: white;
  box-shadow: none;
  display: flex;
  justify-content: space-between;
  padding: 10px;

  ion-segment {
    margin: 0;
    padding-left: 0;
    display: flex;
    justify-content: flex-start;

    ion-segment-button {
      --color: gray;
      --color-checked: black;
      --indicator-color: orange;
      --indicator-height: 5px;

      @font-face {
        font-family: 'segment-title-font';
        src: url(/assets/fonts/STFANGSO.TTF);
      }

      font-family: 'segment-title-font';
      font-size: 25px;
      font-weight: bolder;
      --padding-start:0px;
      --padding-end:0px;
      --margin-start:0px;
      --margin-end:0px;
    }
  }

  ion-button {
    --background: black;
    --padding-start: 0;
    --padding-end: 0;
    font-size: 18px;
    width: 120px;
  }
}

ion-content {
  --background: white;
  color: black;

  ion-segment-view {
    #second {
      color: black;

      #rolling {
        overflow-x: auto;
        scrollbar-width: none;
        width: 100%;
        white-space: nowrap;
        background-color: white;

        ion-card {
          border-radius: 15px;
          box-shadow: none;
          white-space: normal;
          display: inline-block;
          margin: 10px;
          width: 50%;
          height: 50vw;
          padding: 10px;

          .rolling-top {
            display: flex;
            justify-content: space-between;

            ion-img {
              width: 50%;
            }

            ion-button {
              --padding-start: 5px;
              --padding-end: 5px;
              --padding-top: 0;
              --padding-bottom: 0;
              --box-shadow: none;
            }
          }

          .text {
            font-size: 15px;
            margin: 0;
            color: black;
          }

          .intro {
            font-size: 12px;
            margin: 5px 0;
            color: gray;
          }
        }

        #rolling-1 {
          background: linear-gradient(to bottom, rgb(250, 246, 216), rgb(255, 251, 239));
          ion-button {
            --background: orange;
          }
        }

        #rolling-2 {
          --background:linear-gradient(to bottom, rgb(242, 235, 247), rgb(246, 237, 254));
          ion-button {
            --background: rgb(163, 115, 201);
          }
        }
      }


    }

  }
}