@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&family=Noto+Sans+TC&family=Poppins:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

/* color */

.t_white {
    color: #fff;
}

.t_yellow {
    color: #FFDA18;
}

.t_pink {
    color: #FF3366;
}

.t_l_Gray {
    color: #cacaca;
}

.t_blue {
    color: #0C06C7;
}

/* font-size */

.f1 {
    font-size: 16vw;
}

.f2 {
    font-size: 4.6vw;
}

.f3 {
    font-size: 2.8vw;
}

.f4 {
    font-size: 1.1vw;
}

.f5 {
    font-size: .9vw;
}

.f6 {
    font-size: .7rem;
}







@media (max-width: 1440px) {
    .f1 {
        font-size: 16.3vw;
    }

    .f2 {
        font-size: 4.5vw;
    }

    .f3 {
        font-size: 2.1vw;
    }

    .f4 {
        font-size: 1.4vw;
    }

    .f5 {
        font-size: 1.1vw;
    }
}

@media (max-width: 1280px) {}

@media (max-width: 1024px) {
    .f1 {
        font-size: 16.7vw;
    }

    .f2 {
        font-size: 4.9vw;
    }

    .f3 {
        font-size: 2.7vw;
    }

    .f4 {
        font-size: 1.9vw;
    }

    .f5 {
        font-size: 1.5vw;
    }
}

@media (max-width: 768px) {
    .f1 {
        font-size: 19vw;
    }

    .f2 {
        font-size: 6.5vw;
    }

    .f3 {
        font-size: 3.5vw;
    }

    .f4 {
        font-size: 2.6vw;
    }

    .f5 {
        font-size: 2.1vw;
    }
}

@media (max-width: 500px) {
    .f1 {
        font-size: 20vw;
    }

    .f2 {
        font-size: 8.6vw;
    }

    .f3 {
        font-size: 5vw;
    }

    .f4 {
        font-size: 4.4vw;
    }

    .f5 {
        font-size: 3.6vw;
    }
}