@import url(https://fonts.googleapis.com/css2?family=Arvo:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Acme&family=Fredoka+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sarabun:wght@100&display=swap);#gallerytop.container{justify-content:center;margin-top:150px;padding:0;width:250px}.gallerylogo1{display:block}.gallerylogo2{display:none}#gallerytop img{height:auto;padding-bottom:30px;padding-top:20px;width:350px}#gallerycontainer.container{background-color:var(--grey-background-color);display:flex;flex-direction:column;margin:0 auto;overflow:auto;padding:2rem;text-align:center}.col{float:left;padding-bottom:15px;padding-left:10px;padding-right:10px;width:auto}div.gallery img{border-bottom-left-radius:21%;border-bottom-right-radius:54%;border-top-left-radius:54%;border-top-right-radius:15%;max-width:none;width:300px}p{font-weight:800}@media screen and (max-width:768px){.gallerylogo1{display:block;height:100px}}@media screen and (max-width:712px){.gallerylogo1{display:none}.gallerylogo2{display:block;height:100px}#join.container{margin:auto;text-align:center}}@media screen and (max-width:375px){#root{max-height:100vh}.gallerylogo1{display:none}.gallerylogo2{display:block;height:90px}#top.container{margin-top:119px}.menu{size:.5rem;align-items:center;display:flex;gap:.5rem;position:absolute;right:10px}.menu a{font-size:.9rem;right:3px}nav{gap:.1rem;padding:.6px;right:3px}nav a{padding:3px}nav img{height:18px;width:18px}h2{font-size:1.5rem}#join.container{margin:auto;text-align:center}.btn{background-size:120px;height:120px;width:120px}.technical h4{font-size:.8rem;margin:.5rem 0;padding-bottom:.5rem;padding-top:.5rem}h4 a{display:inline-block}#technical.container{padding:.2rem}footer{font-size:.9rem}#footer.container{background-color:var(--white-bg-color);bottom:0;color:var(--footer-font-color);font-family:var(--font-sarabun);margin:0;max-width:100%;overflow:hidden}}@media screen and (max-width:360px){.gallerylogo2{display:block;height:87px}}@media screen and (max-width:320px){.menu{gap:.5rem;right:10px}div.gallery img{width:220px}}@media screen and (max-width:280px){header .container{padding:1rem 0}.menu{gap:.5rem;right:4px}nav a{padding:5px}div.gallery img{width:220px}.technical h4{font-size:12px}}:root{--font-primary:"Poppins",sans-serif;--font-secondary:"Arvo",serif;--font-code:"Comfortaa";--font-fredoka:"Fredoka One",cursive;--font-acme:"Acme",sans-serif;--font-sarabun:"Sarabun",sans-serif;--cont-bg-color:#4a5bbb;--font-color:#fff;--btn-hov-color:#42b3ff;--btn-border-color:#fff;--white-bg-color:#fff;--grey-bg-color:#e4e4e4;--drkgrey-bg-color:#a3a3a3;--blue-bg-color:#08002e;--blue-txt-color:#08002e;--footer-font-color:#000;--btn-bg-color:#42b3ff;--accent-color:#3892ce;--header-shadow:#000 0px 0px 5px;--grey-background-color:#f3f3f3}*{box-sizing:border-box;margin:0;padding:0}body>*{display:inline-block;margin:0;max-height:100vh}main{bottom:50px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:0}.image{flex:0 0 30%;margin:5px}img{max-width:100%}h1{-webkit-margin-before:.83em;-webkit-margin-after:.83em;-webkit-margin-start:0;-webkit-margin-end:0;font-size:1.5em;font-weight:200;font-weight:700;left:10px;margin-block-end:.83em;margin-block-start:.83em;margin-inline-end:0;margin-inline-start:0;position:relative}h1,h2{color:#08002e;color:var(--blue-txt-color);font-family:Sarabun,sans-serif;font-family:var(--font-sarabun)}h2{font-size:3.5rem;font-weight:100;margin:2rem 0;text-align:center}h3{font-family:Sarabun,sans-serif;font-family:var(--font-sarabun)}h4{font-size:1.2rem;font-weight:800;margin:2rem 0;text-align:center}body,h4,html{color:#08002e;color:var(--blue-txt-color);font-family:Sarabun,sans-serif;font-family:var(--font-sarabun)}body,html{flex-flow:column;height:100%;margin:0;padding:0;position:-webkit-sticky;position:sticky}.container,body,html{background-color:#fff;background-color:var(--white-bg-color);display:flex}.container{flex-direction:column;margin:0 auto;padding:1rem 2rem;text-align:center}a,a:visited{text-decoration:none}a,a:hover,a:visited{color:#08002e;color:var(--blue-txt-color)}a:hover{text-decoration:underline}header{box-shadow:0 0 5px #000;box-shadow:var(--header-shadow);position:fixed;top:0;width:100%;z-index:1}header .container{align-items:center;background-color:#fff;background-color:var(--white-bg-color);flex-direction:row;font-family:Sarabun,sans-serif;font-family:var(--font-sarabun);font-weight:800;justify-content:space-between;margin:0;max-width:100%;vertical-align:middle}.logo1{display:block}.logo2{display:none}.menu{align-items:center;display:flex;gap:2rem;position:absolute;right:30px}nav a{padding:10px}#top.container{margin-top:130px;max-width:100%;padding:0}#join-tribe div{text-align:center}#join.container{background-color:#fff;background-color:var(--white-bg-color);text-align:center;width:100%}#join.container,.btn{color:#08002e;color:var(--blue-txt-color);margin:auto}.btn{background:#fff;background:var(--white-bg-color);background-image:url(/static/media/blue_flower.c33216a91fdbaa95d474.png);background-position-x:center;background-repeat:no-repeat;background-size:160px;cursor:pointer;display:block;font-family:Sarabun,sans-serif;font-family:var(--font-sarabun);font-size:1rem;font-weight:700;height:160px;outline:none;padding:1rem;position:relative;text-decoration:none;text-transform:capitalize;transition:all .3s ease;width:160px;z-index:0}.btn:hover{background:#fff;background:var(--white-bg-color);background-image:url(/static/media/pink_flower.b00e33a8c4f829217abb.png);background-position-x:center;background-position-y:center;background-repeat:no-repeat;background-size:110px;border-color:#fff;border-color:var(--font-color);color:#fff;color:var(--font-color)}.column{float:left;width:33.33%}.row:after{clear:both;content:"";display:table}.errorpage h2{color:#08002e;color:var(--blue-txt-color)}.errorpage img{border-radius:50px;width:150px}#errormessage.container{max-height:100%;padding-top:30px;vertical-align:middle}#errorfooter.container{background-color:#fff;background-color:var(--white-bg-color);bottom:0;color:#000;color:var(--footer-font-color);font-family:Sarabun,sans-serif;font-family:var(--font-sarabun);margin:0;max-width:100%;position:fixed}.errorpage{height:100%}#technical.container{background-color:#f3f3f3;background-color:var(--grey-background-color);margin:0;max-width:100%}#footer.container{background-color:#fff;background-color:var(--white-bg-color);bottom:0;color:#000;color:var(--footer-font-color);font-family:Sarabun,sans-serif;font-family:var(--font-sarabun);margin:0;max-width:100%;overflow:hidden}footer{bottom:0}.owner-status{font-size:2rem;text-align:center}@media screen and (max-width:820px){.menu{gap:.5rem;right:10px}nav a{padding:5px}}@media screen and (max-width:768px){.logo1{display:block;height:100px}}@media screen and (max-width:712px){.logo1{display:none}.logo2{display:block;height:100px}#join.container{margin:auto;text-align:center}}@media screen and (max-width:414px){.menu{gap:.5rem;right:10px}nav a{padding:5px}.technical h4{font-size:.9rem}}@media screen and (max-width:390px){.technical h4{font-size:13px}}@media screen and (max-width:375px){#root{max-height:100vh}.logo1{display:none}.logo2{display:block;height:90px}#top.container{margin-top:119px}.menu{size:.5rem;align-items:center;display:flex;gap:.5rem;position:absolute;right:10px}.menu a{font-size:.9rem;right:3px}nav{gap:.1rem;padding:.6px;right:3px}nav a{padding:3px}nav img{height:18px;width:18px}h2{font-size:1.5rem}#join.container{margin:auto;text-align:center}.btn{background-size:120px;height:120px;width:120px}.technical h4{font-size:.8rem;margin:.5rem 0;padding-bottom:.5rem;padding-top:.5rem}h4 a{display:inline-block}#technical.container{padding:.2rem}footer{font-size:.9rem}#footer.container{background-color:#fff;background-color:var(--white-bg-color);bottom:0;color:#000;color:var(--footer-font-color);font-family:Sarabun,sans-serif;font-family:var(--font-sarabun);margin:0;max-width:100%;overflow:hidden}}@media screen and (max-width:360px){.logo2{display:block;height:87px}}@media screen and (max-width:320px){.menu{gap:.5rem;right:10px}}@media screen and (max-width:280px){header .container{padding:1rem 0}.menu{gap:.5rem;right:4px}nav a{padding:5px}.technical h4{font-size:12px}}
/*# sourceMappingURL=main.45e21679.css.map*/