@import url(https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap);body{margin:0;font-family:"Kanit";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.title{display:flex;justify-content:center;align-items:center;flex-direction:column}.title-image{width:322px;height:auto;margin-top:100px;cursor:pointer;margin-bottom:20px}.title-input{position:relative;width:460px;height:40px;background:#fff;box-shadow:1px 1px 10px rgba(0,0,0,.2);border-radius:25px;border:none;font:inherit;font-weight:300;font-style:italic}.title-input:focus{outline:none}.title input{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACnSURBVHgBlZG9DYNADIWtTJAmPVVq6kiRKKLUGSEbJNkgQ9AzAAMgCkRBQQkVLTABbADvhPmRwUg86SvO95598hHN+oACdKABHrBIkbmMgcNnY/yBGtjS/AaR0sgBFTgvixm4ky4z+TkeTjwy2Qmk4LYMtHKk0IU9k0LwV8ymUUliWxYXHxtmn4YNrmRzKOBpLs1/UdLGake9OPAFV9FMDe294HAo7wEuRB7OAaL2cwAAAABJRU5ErkJggg==) no-repeat;padding-left:57px;padding-right:35px;background-position:18px}@media (max-width:600px){.title-input{width:60vw}.title-image{width:250px;height:auto}}.total-group{display:grid;justify-content:center;margin:70px 0;grid-template-columns:repeat(4,244.6px);grid-column-gap:17px;-webkit-column-gap:17px;column-gap:17px;grid-row-gap:27px;row-gap:27px}.group{opacity:0;display:flex;align-items:center;height:95.5px;box-shadow:1px 1px 10px rgba(0,0,0,.15);border-radius:25px;font-weight:300;font-size:14px;padding:0 16.28px;-webkit-animation-name:fadeInBottom;animation-name:fadeInBottom;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:calc(var(--order)*50ms);animation-delay:calc(var(--order)*50ms);-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;cursor:pointer}.group:hover{background-color:#f0f0f0}.group>*{display:inline-block;vertical-align:middle;align-items:center}.group>div{width:120px}.group>img{width:65.74px;height:65.74px;border-radius:20px;box-shadow:1px 1px 10px rgba(0,0,0,.05);margin-right:19px}@-webkit-keyframes fadeInBottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1}}@keyframes fadeInBottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1}}@media (max-width:1100px){.total-group{grid-template-columns:repeat(3,244.6px)}}@media (max-width:850px){.total-group{grid-template-columns:repeat(2,244.6px)}}@media (max-width:600px){.total-group{grid-template-columns:repeat(1,80%)}.group>div{width:auto}}.found-group{margin:30px 15vw;background:#fff;box-shadow:1px 1px 10px rgba(0,0,0,.15);border-radius:35px;padding:40px 52px;-webkit-animation-name:Founded_fadeInBottom;animation-name:Founded_fadeInBottom;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.found-group__head>*{display:inline-block;font-weight:500;font-size:20px;margin-bottom:20px}.found-group__head>div{position:relative;top:-40px}.found-group__head>img{width:160px;height:auto;border-radius:25px;margin-right:25px}.found-group__name_header{display:grid;color:#888;font-weight:300;grid-template-columns:.3fr 1.4fr 1.3fr 1fr;padding:10px 20px;border-bottom:.5px solid #888}.found-group__name{display:grid;margin-top:10px;padding-right:20px;grid-template-columns:20px .15fr .15fr 1.4fr 1.3fr 1fr}#index #no{text-align:center}.dot{display:flex;flex-direction:column;justify-content:center}.dot>div{width:8px;height:8px;border-radius:50%;background-color:#ffcf52}.found-group__name>div{font-size:14px;font-weight:300}@-webkit-keyframes Founded_fadeInBottom{0%{opacity:0;-webkit-transform:translateY(2%);transform:translateY(2%)}to{opacity:1}}@keyframes Founded_fadeInBottom{0%{opacity:0;-webkit-transform:translateY(2%);transform:translateY(2%)}to{opacity:1}}@media (max-width:736px){.found-group{margin:30px 7vw}.found-group__head>div{top:-20px}}@media (max-width:425px){.found-group{padding:25px 30px}.found-group__head>img{width:120px;height:auto}.found-group__head>div{top:-20px;margin-bottom:0;width:90%}.found-group__name_header{font-size:10px;padding:10px 8px}.found-group__name{padding-right:8px;grid-template-columns:8px .15fr .15fr 1.4fr 1.3fr 1fr}.found-group__name>div{font-size:10px;word-wrap:break-word}.dot>div{width:5px;height:5px}@media (max-width:375px){.found-group{padding:15px;border-radius:25px}.found-group__name{padding-right:8px;grid-template-columns:8px .15fr .15fr 1fr 1fr 1fr}.found-group__name>div,.found-group__name_header{font-size:8px}}}.footer{display:grid;text-align:center;color:#888;border-top:.5px solid #888;margin:50px 7vw 20px;grid-template-columns:1.1fr 1fr}.vishnu{padding:50px 100px;border-right:1px solid #888}.footer__title{font-size:16px;font-weight:500;font-style:italic;margin-bottom:20px}.footer__subtitle{font-size:.95vw;font-weight:300;font-style:italic}.contact_credit{margin:40px 30px;text-align:left;display:grid;grid-template-columns:2fr 1fr}.contact__title{font-weight:500;font-style:italic}.contact{display:grid;margin-top:25px;grid-template-columns:1fr 1fr;font-size:.95vw;font-style:italic;font-weight:300}.credit__title{font-weight:500;font-style:italic}.credit{font-size:.95vw;margin-top:25px;font-weight:300;font-style:italic}@media (max-width:1300px){.footer{grid-template-columns:1fr 1fr}}@media (max-width:1050px){.footer{grid-template-columns:1fr 1.3fr}.vishnu{padding:50px 80px}}@media (max-width:850px){.footer{grid-template-columns:1fr;margin-bottom:0}.vishnu{border-right:none;padding:50px 6vw}.contact_credit{grid-template-columns:1fr;margin:0 30px}.footer__subtitle{font-size:13px}.footer_details_title{margin-top:-14px;padding-right:10px;background-color:#fff;width:-webkit-max-content;width:max-content}.container{border-top:.5px solid #888;padding-bottom:20px;margin-bottom:20px}.contact,.credit{font-size:12px}}@media (max-width:750px){.footer{margin-right:50px;margin-left:50px}}@media (max-width:500px){.footer__title{font-size:15px}.footer__subtitle{font-size:10px}.vishnu{border-right:none;padding:30px 5vw}}@media (max-width:450px){.contact,.credit{font-size:10px}}@media (max-width:375px){.footer{margin-right:30px;margin-left:30px}}.not-found{display:flex;margin-top:60px;font-weight:300;font-style:italic;color:#888;justify-content:center}
/*# sourceMappingURL=main.93acb60c.chunk.css.map */