@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@700&family=Open+Sans:wght@500&display=swap");
            :root {
            --app-font: "Kanit", sans-serif;
            --app-font-2: "Open Sans", sans-serif;
            --app-header-bg: #7d0d6e;
            --app-header-link: #eeeeee;
            --app-header-link2: #d78163;
            --app-footer-bg: #7d0d6e;
            --app-footer-link: #eeeeee;
            --app-footer-link2: #d78163;
            --app-color-1: #7d0d6e;
            --app-color-2: #54a1e8;
            --app-color-3: #3a0141;
            --app-color-4: #d80e84;
            --app-color-5: #f2ccb6;
            --app-color-6: #d7865b;
            --app-color-7: #2eced1;
            --app-color-8: #ad2e61;
            --app-color-body: #f6e5f3;
            --app-color-light: #eeeeee;
            --app-color-dark: #141414;
            --app-color-link: #a2111f;
            --app-color-link2: #a82db9;
            --app-color-valid: #c44a21;
            --app-color-valid2: #7e3016;
            --app-color-delete: #ef4444;
            --app-color-delete2: #b91c1c;
            --app-color-cancel: #d7c719;
            --app-color-cancel2: #8e830b;
            --app-color-show: #60a5fa;
            --app-color-show2: #2563eb;
            --svg-base-size: 16px;
            --svg-size-1: 12px;
            --svg-size-2: 24px;
            --svg-size-3: 48px;
            --app-size-1: 1em;
            --app-size-2: 1.5em;
            --app-size-3: 2em;
            --percent-pos-1: 5%;
            --percent-pos-2: 10%;
            --percent-pos-3: 20%;
            --border-width-1: 0.5px;
            --border-width-2: 2px;
            --border-width-3: 5px;
            --rad-1: 4px;
            --rad-2: 12px;
            --rad-3: 24px;
            --trans-1: 0.2s;
            --trans-2: 0.4s;
            --trans-3: 0.5s;
            --trans-4: 1s;
            --trans-del-1: 0.2s;
            --trans-del-2: 0.4s;
            --trans-del-3: 0.5s;
            --trans-del-4: 0.6s;
            --scale-1: 0.75;
            --scale-2: 1.05;
            --scale-3: 1.25;
            --scale-4: 1.35;
            }
            .bx-sh-1 { box-shadow: 0px 10px 25px -6px #63D1EC; }
            .bx-sh-2 { box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px,
rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px,
rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; }
            .tx-sh-2 { text-shadow: 2px 2px 5px red; }
            .tx-sh-2 { -webkit-text-stroke: 1px var(--app-color-1);
text-shadow: #FFF 0px 0px 5px, var(--app-color-2) 0px 0px 10px, var(--app-color-2) 0px 0px 15px, var(--app-color-2) 0px 0px 20px, var(--app-color-2) 0px 0px 30px, var(--app-color-2) 0px 0px 40px, var(--app-color-2) 0px 0px 50px, var(--app-color-2) 0px 0px 75px; }
            .gr-1 { background: rgb(21,28,87);
background: linear-gradient(180deg, rgba(21,28,87,0) 0%, rgba(21,28,87,0.7764355742296919) 25%, rgba(30,41,59,1) 100%); }
            .gr-2 { background: hsla(303, 79%, 76%, 1);
background: linear-gradient(90deg, hsla(303, 79%, 76%, 1) 0%, hsla(360, 86%, 67%, 1) 100%);
background: -moz-linear-gradient(90deg, hsla(303, 79%, 76%, 1) 0%, hsla(360, 86%, 67%, 1) 100%);
background: -webkit-linear-gradient(90deg, hsla(303, 79%, 76%, 1) 0%, hsla(360, 86%, 67%, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F292ED", endColorstr="#F36364", GradientType=1 ); }