@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@200&display=swap";body{margin:0;padding:0}#app{font-family:IBM Plex Sans Thai,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#f5f5f5;background-color:#1e2f2f;width:100%;height:100vh}h1{margin:0;padding:1rem}.serv-cont{display:flex;width:90%;height:auto;text-align:center;justify-content:center;vertical-align:top;flex-direction:row;flex-wrap:wrap}.serv-cont .card{margin-left:auto;margin-right:auto}.card{width:18rem;height:auto;color:#1e2f2f;margin:1rem;background-color:#f5f5f5;border-radius:1rem}.card .card-title{padding:1rem .5rem .5rem;font-size:20px}.card .card-title .online{width:100%;height:100%;background:rgb(0,255,130);background:linear-gradient(180deg,rgba(0,255,130,1) 0%,rgba(0,255,130,0) 100%)}.card .card-title .error{width:100%;height:100%;background:rgb(255,96,96);background:linear-gradient(180deg,rgba(255,96,96,1) 0%,rgba(255,96,96,0) 100%)}.card .card-title a{font-size:20px;color:#1e2f2f;text-decoration:underline}.card .card-title a:hover{font-size:20px;color:#1e2f2f;text-decoration:none}.card hr{width:80%}.card .card-status{padding:.5rem .5rem 1rem;font-size:18px}footer{position:fixed;width:100%;bottom:0;padding:1rem;padding-left:0!important;padding-right:0!important;text-align:center;background-color:#373737;color:#f5f5f5}footer a{color:#f5f5f5;text-decoration:underline}footer a:hover{color:#f5f5f5;text-decoration:none}@media only screen and (max-width: 900px){#app{width:100%;height:auto;padding-bottom:10rem}.serv-cont{display:flex;width:100%;height:auto;flex-direction:column}}