@import url(https://fonts.googleapis.com/css2?family=Prompt:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kanit&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Anuphan&display=swap);@import url(https://fonts.googleapis.com/css2?family=Pathway+Extreme:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bruno+Ace+SC&display=swap);*{margin:0;padding:0}html{font-size:16px}button{border-radius:3px;cursor:pointer;outline:none}button:active{opacity:.8}.App{text-align:center}.content-page{margin-top:2%;width:100%}.row_clicked{background-color:#bdc3c7}.features{align-items:center;background-color:#fff;margin:auto;position:-webkit-sticky;position:sticky;top:10px;width:90%;z-index:25}.buttons,.features{display:flex;justify-content:space-between}.buttons{width:40%}.filter-buttons{border:1px solid #000;border-radius:5px;border-right:0;display:flex;height:5vh;justify-content:space-between;width:60%}.filter-buttons>button{background:none;border:0;border-right:1px solid #535c68;cursor:pointer;font-family:Zilla Slab,serif;font-size:1.1rem;height:100%;letter-spacing:1px;outline:none;width:33%;z-index:1}.sorting-buttons{display:flex;font-family:Zilla Slab,serif;height:5vh;justify-content:space-between;width:30%}.sorting-buttons>button{background:none;border:1px solid #535c68;cursor:pointer;font-family:Zilla Slab,serif;font-size:1.1rem;height:100%;letter-spacing:1px;outline:none;width:50%}.search-box{display:flex;height:5vh;justify-content:space-between;width:40%}.search-box input{border:2px solid #130f40;border-radius:5px;font-size:1.1rem;height:100%;letter-spacing:1px;padding:1%;width:65%}.search-box>button{background-color:#30336b;color:#fff;font-size:1.05rem;height:5vh;width:25%}.active{background-color:#000!important;color:#fff}.main-content{margin:2% auto auto;max-height:50vh;min-height:50vh;overflow-x:hidden;overflow-y:scroll;padding:0;width:90%}.main-content::-webkit-scrollbar{width:0}.main-content::-webkit-scrollbar-thumb{background:#888}table{border-collapse:collapse;border-radius:5px;height:100%;max-height:300px;overflow-y:scroll;padding:0;width:100%}thead{background-color:#30336b;border-bottom:1px solid #30336b;color:#fff;height:7vh;left:0;position:-webkit-sticky;position:sticky;top:0}thead>tr{font-family:Prompt,sans-serif}tr>th{width:12%}tbody>tr{font-family:Comfortaa,cursive}tr>td{border-bottom:1px solid #30336b;line-height:8vh}td>button{background-color:#130f40;border:0;border-radius:5px;color:#fff;font-family:Comfortaa,cursive;font-size:1rem;padding:4% 6%}td>button:hover{outline-offset:3px solid red}.statistics{margin-top:2%}.statistics>button{font-size:1.003rem;height:6vh;width:10%}@media screen and (max-width:415px){.content-page{width:100%}.features{display:flex;flex-direction:column}.buttons{margin-bottom:5%}.buttons,.search-box{width:100%}.main-content{overflow-x:scroll;width:95%}table{overflow-x:scroll;width:200%}}.details{background-color:#ecf0f1;height:100vh;left:0;position:absolute;top:0;width:100%;z-index:30}.details>.details-box{align-items:center;border-radius:5px;box-shadow:0 0 2.2px rgba(0,0,0,.02),0 0 5.3px rgba(0,0,0,.028),0 0 10px rgba(0,0,0,.035),0 0 17.9px rgba(0,0,0,.042),0 0 33.4px rgba(0,0,0,.05),0 0 80px rgba(0,0,0,.07);display:flex;flex-direction:column;font-family:Poppins,sans-serif;left:50%;padding:1%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30%}.details-box>p{display:flex;justify-content:space-between;width:80%}p>span{width:50%}.details-box>h3{margin:0 0 5%;text-align:center;text-decoration:underline}.details-box>button{background-color:#d63031;color:#fff;font-size:1.2rem;font-weight:700;height:7vh;margin-top:10%;width:37%}@media screen and (max-width:414px){.details-box{width:90%!important}}.statistics-box{grid-gap:10px;display:grid;gap:10px;grid-template-columns:.6fr 1.4fr;margin-top:3%;width:100%}.statistics-chart{border-radius:10px;box-shadow:0 0 2.2px rgba(0,0,0,.02),0 0 5.3px rgba(0,0,0,.028),0 0 10px rgba(0,0,0,.035),0 0 17.9px rgba(0,0,0,.042),0 0 33.4px rgba(0,0,0,.05),0 0 80px rgba(0,0,0,.07);display:grid;place-items:center}.statistics-chart>h2{font-family:Kanit,sans-serif;letter-spacing:1px}.statistics-content{border-radius:5px;box-shadow:0 0 2.2px rgba(0,0,0,.02),0 0 5.3px rgba(0,0,0,.028),0 0 10px rgba(0,0,0,.035),0 0 17.9px rgba(0,0,0,.042),0 0 33.4px rgba(0,0,0,.05),0 0 80px rgba(0,0,0,.07);margin:auto;width:90%}.statistics-content>table>thead>tr>th{font-size:1.2rem;line-height:8vh}.statistics-content>table>tbody>tr>td{line-height:7vh}@media screen and (max-width:415px){.statistics,.statistics-content>table{width:100%}.statistics>button{width:30%}.statistics-box{display:flex;flex-direction:column}.chart{display:flex!important;flex-direction:column}}.chart{align-items:center;display:grid;grid-template-columns:1fr 1fr}.header{flex-direction:column}#navbar,.header{display:flex;width:100%}#navbar{align-items:center;background-color:#30336b;height:10vh;justify-content:space-between}#navbar>p{color:#fff;font-family:Noto Sans,sans-serif;font-size:1.7rem;margin-left:5%}#navbar>#current-date{font-size:1rem;margin-right:10%}#header-content{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;justify-content:flex-start;width:100%}#header-content>p{font-family:Anuphan,sans-serif;margin:2%}.download-page{background-color:#dfe6e9;display:grid;height:100vh;left:0;place-items:center;position:absolute;top:0;width:100%;z-index:30}.download-box{align-items:center;border-radius:5px;box-shadow:0 0 2.2px rgba(0,0,0,.02),0 0 5.3px rgba(0,0,0,.028),0 0 10px rgba(0,0,0,.035),0 0 17.9px rgba(0,0,0,.042),0 0 33.4px rgba(0,0,0,.05),0 0 80px rgba(0,0,0,.07);display:flex;flex-direction:column;height:200px;justify-content:space-between;padding:2%;position:relative;width:250px}.download-box>h2{font-family:Bruno Ace SC,cursive}.download-box>button{align-items:center;background-color:#30336b;border:0;color:#fff;display:flex;font-family:Pathway Extreme,sans-serif;font-size:bold;font-size:1.2rem;justify-content:space-between;outline:none;padding:2% 5%;width:40%}.download_icon{height:20px;width:20px}.download-box>img{cursor:pointer;position:absolute;right:10px;top:10px;width:15px}.download_link{align-items:center;color:#fff;display:flex;text-decoration:none}@media screen and (max-width:414px){.download-box{width:80%}}@font-face{font-family:signatureFont;src:url(/static/media/CreattionDemo.fac8f063ee598d49bc31.otf)}.footer{align-items:center;background-color:#000;bottom:0;color:#fff;display:flex;font-family:Courier New,Courier,monospace;font-size:1.5rem;height:12vh;justify-content:space-between;left:0;margin-top:3%;position:relative;width:100%}.footer>.signature{font-family:signatureFont;font-size:2.5rem;margin-left:5%}.footer>.date{display:flex;flex-direction:column;font-family:Kanit,sans-serif;margin-right:5%}.date span{font-size:1rem}
/*# sourceMappingURL=main.82aa4867.css.map*/