html,
body {
    height: 100%;
    font-family: 'IBM Plex Sans Thai', sans-serif;
   
}

h1,h2,h3,h4,h5,h6,p{
    font-family: 'IBM Plex Sans Thai', sans-serif;
}

main {   
   min-height: 90%;
   background: rgb(72,77,119);
   background: linear-gradient(180deg, rgba(72,77,119,1) 38%, rgba(9,69,121,1) 100%);
}
.content-box{
    background-color:#fff;
}

.pad-box{
    background: #f3f3f3;
    padding:20px;
    min-width: 330px;
    max-width: 500px;
}

.btn.btn-theme {
    color: #fff;
    background-color: #d85c57 !important;
    border-color:#d85c57 !important;
}
.btn.btn-theme:hover{
    color:#fff;
}

.btn.btn-primary{
    background: #0d6efd;
}

footer{
    font-size: 0.75em;
}

.text-indent{
    text-indent: 10px;
}

.data-box{
    min-height: 500px;
}

a.nav-link:hover{
    color:#fff;
}

.header-grade,footer{
    background: #1d2435;
}

footer{
    color:#fff;
}

.nav-bar a{
    color:#fff;
}

.logo-box img{
    width: 100px;
}