:root{--lh-10:1.3;--mb-10:1em;--fs-50:0.85rem;--fs-100:1rem;--fs-150:1.1rem;--fs-200:1.15rem;--fs-300:1.1rem;--fs-400:1.65rem;--fs-500:2rem;--fs-550:2.25rem;--fs-600:2.5rem;--fs-700:3rem;--fs-800:4rem;--fs-900:8rem;--ff-main:"IBM Plex Sans Thai Looped",-apple-system,BlinkMacSystemFont,"Roboto",sans-serif;--clr-side-white:#fff;--clr-side-black:#222;--clr-primary-white:#fefefe;--clr-primary-black:#100f11;--clr-primary-purple:#7269f6;--clr-primary-yellow:#f9f871;--clr-primary-gray:#ada9bb;--clr-primary-pink:#efc2b3}@media (max-width:40em){:root{--lh-10:1.2;--mb-10:0.75em;--fs-50:0.75rem;--fs-100:1rem;--fs-150:1.05rem;--fs-200:1.15rem;--fs-300:1.1rem;--fs-400:1.6rem;--fs-500:1.75rem;--fs-550:1.9rem;--fs-600:2.1rem;--fs-700:2.25rem;--fs-800:3rem;--fs-900:4rem}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}html{scroll-behavior:smooth}#root{display:flex;flex-direction:column;height:100%}nav{width:100%;z-index:1000}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--clr-side-white);color:#222;color:var(--clr-side-black);font-family:IBM Plex Sans Thai Looped,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;font-family:var(--ff-main);line-height:1.3;line-height:var(--lh-10)}.stick{flex:1 1}img{display:block;max-width:100%}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.column{flex-direction:column}.grid{display:grid}.center{margin:0 auto}.center-text{text-align:center}.relative{position:relative}.absolute{position:absolute}.text-hollow{color:inherit;text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000}.btn{background-color:#222;background-color:var(--clr-side-black);color:#fff;color:var(--clr-side-white);cursor:pointer;padding:.5em 1em}a,li,ul{color:#100f11;color:var(--clr-primary-black);list-style:none;text-decoration:none}.fs-50{font-size:.85rem;font-size:var(--fs-50)}.fs-100{font-size:1rem;font-size:var(--fs-100)}.fs-150{font-size:1.1rem;font-size:var(--fs-150)}.fs-200{font-size:1.15rem;font-size:var(--fs-200)}.fs-300{font-size:1.1rem;font-size:var(--fs-300)}.fs-400{font-size:1.65rem;font-size:var(--fs-400)}.fs-500{font-size:2rem;font-size:var(--fs-500)}.fs-550{font-size:2.25rem;font-size:var(--fs-550)}.fs-600{font-size:2.5rem;font-size:var(--fs-600)}.fs-700{font-size:3rem;font-size:var(--fs-700)}.fs-800{font-size:4rem;font-size:var(--fs-800)}.fs-900{font-size:8rem;font-size:var(--fs-900)}.nav-container{align-items:center;background-color:#100f11;background-color:var(--clr-primary-black);border-bottom:1px solid #7269f6;border-bottom:1px solid var(--clr-primary-purple);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;margin:0 auto;padding:1.25rem 1rem 1rem}.nav-container>*{border-radius:5px;color:#fefefe;color:var(--clr-primary-white);font-weight:500;padding:.25rem}.nav-container>:hover{-webkit-transform:scale(1.005);transform:scale(1.005);transition:.4s ease-out}.active-nav,.nav-container>:hover{background-color:#ada9bb}.more{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.arrow{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.arrow,.arrow-active{transition:.4s ease-out}.arrow-active{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.drop-down{background-color:#100f11;background-color:var(--clr-primary-black);border-bottom:1px solid #7269f6;border-bottom:1px solid var(--clr-primary-purple);border-radius:0 0 8px 8px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);display:flex;flex-direction:column;gap:.5rem;padding:0 3rem 1rem .5rem;position:absolute;top:1.23rem}.drop-down>*{border-radius:5px;color:#fefefe;color:var(--clr-primary-white);font-weight:500;padding:.25rem}.drop-down>:hover{background-color:#ada9bb;-webkit-transform:scale(1.005);transform:scale(1.005);transition:.4s ease-out}.close{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;transition:-webkit-transform .35s ease-in-out;transition:transform .35s ease-in-out;transition:transform .35s ease-in-out,-webkit-transform .35s ease-in-out}.open{-webkit-transform:scale(1);transform:scale(1)}.section-container{margin:0 auto;padding:2.5rem 0;width:min(90%,75rem)}.section-margin{margin-bottom:5rem}.news-img{margin-bottom:1.5rem}.news-img img{border-radius:6px 20px 20px;max-height:25rem;object-fit:cover;width:100%}.article-container{background-color:#7269f6;background-color:var(--clr-primary-purple);border-radius:6px 35px 35px;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);padding:2rem 1.25rem}.article-container h2{color:#fff;color:var(--clr-side-white);margin-bottom:1em}.article-container p{color:#fefefe;color:var(--clr-primary-white);margin-bottom:1em}.byline{color:#f9f871;color:var(--clr-primary-yellow);font-weight:800;margin-bottom:.75rem}.text-shadow{text-shadow:1px 1px 2px #1f1f1fbe}.whole>a{align-items:center;color:#f9f871;color:var(--clr-primary-yellow);display:flex;font-weight:800;gap:.25rem}.active-story{color:#c9c957!important;-webkit-transform:scale(1.08);transform:scale(1.08)}.story:hover{color:#c9c957;-webkit-transform:scale(1.015);transform:scale(1.015);transition:.25s ease-out}.pagination{gap:.5rem;justify-content:center}.pagination *{background-color:#7269f6;background-color:var(--clr-primary-purple);border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);color:#fefefe;color:var(--clr-primary-white);display:grid;font-weight:800;height:2.25rem;place-items:center;width:2rem}.footer-container{align-items:center;background-color:#ada9bb;background-color:var(--clr-primary-gray);flex-direction:column;gap:.25rem;justify-content:center;margin:0 auto;padding:1rem 0;width:100%}.logo-small{width:2.25rem}.footer-text{align-items:center;display:flex;gap:.25rem}@media (min-width:40em){.none{display:none}.news-img{margin-bottom:1.5rem;max-width:unset}.news-img img{height:21.75rem}.news-container{grid-gap:5rem;display:grid;gap:5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:40em){.none-mobil{display:none}}
/*# sourceMappingURL=main.7b00c318.css.map*/