@font-face {
    font-family: "LINE Seed";
    src: url("https://cdn.aona.co.th/1ht28ma4o/LINESeedSansTH_W_Rg.woff");
    font-weight: 300;
}

@font-face {
    font-family: "LINE Seed";
    src: url("https://cdn.aona.co.th/1ht28ma4o/LINESeedSansTH_W_Rg.woff");
    font-weight: 500;
}

@font-face {
    font-family: "LINE Seed";
    src: url("https://cdn.aona.co.th/1ht28ma4o/LINESeedSansTH_W_Bd.woff");
    font-weight: 600;
}

@font-face {
    font-family: "LINE Seed";
    src: url("https://cdn.aona.co.th/1ht28ma4o/LINESeedSansTH_W_XBd.woff");
    font-weight: 700;
}

@font-face {
    font-family: "LINE Seed";
    src: url("https://cdn.aona.co.th/1ht28ma4o/LINESeedSansTH_W_He.woff");
    font-weight: 800;
}

body {
    font-family: "LINE Seed", sans-serif;
}

.myContainer {
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
    max-width: 1280px;
}

.bg-gradient {
    background-image: linear-gradient(
        150deg,
        rgb(252 165 165) 20%,
        rgb(134 239 172) 40%,
        rgb(56 189 248) 80%
    );
}

@media (min-width: 1024px) {
    .bg-gradient {
        background-image: linear-gradient(
            120deg,
            rgb(252 165 165) 0%,
            rgb(134 239 172) 20%,
            rgb(56 189 248) 40%
        );
    }
}