@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;600&family=Kanit&family=Ubuntu:ital,wght@1,300&display=swap&family=Sarabun&display=swap');
body{
    font-family: "Kanit", sans-serif;
    background-color: rgb(246, 243, 234);
}
.formal-text{
    font-family: 'Sarabun', sans-serif;
}
.navbar{
    font-family: "Bai Jamjuree", sans-serif;
}
.motto{
    font-family: 'Ubuntu', sans-serif;
}
.title-th{
    font-family: 'Bai Jamjuree', sans-serif;
    font-weight: 600;
}
.logo:hover{
    transition: all 0.5s;
    animation: neon 1.5s ease-in-out infinite alternate;
}
.logo{
    transition: all 0.5s;
    animation: none;
}
@keyframes neon {
    from {
        filter: drop-shadow(0 0 10px #fff)drop-shadow(0 0 20px #fff)drop-shadow(0 0 30px #fff)drop-shadow(0 0 40px #FF9900)drop-shadow(0 0 70px #FF9900)drop-shadow(0 0 80px #FF9900)drop-shadow(0 0 100px #FF9900)drop-shadow(0 0 150px #FF9900);
    }
    to {
        filter: drop-shadow(0 0 5px #fff)drop-shadow(0 0 10px #fff)drop-shadow(0 0 15px #fff)drop-shadow(0 0 20px #FF9900)drop-shadow(0 0 35px #FF9900)drop-shadow(0 0 40px #FF9900)drop-shadow(0 0 50px #FF9900)drop-shadow(0 0 75px #FF9900);
    }
}

a.remove-link, a.remove-link:visited, a.remove-link:active {
    text-decoration: none;
    color: transparent;
}

.bg-data{
    background-color: #252b98;
    color: #fff;
}
/* Light mode */
@media (prefers-color-scheme: dark) {
    body {
        background-color: #1A1110;
        color: white;
    }
    p{
        color: white;
    }
    h1{
        color: white;
    }

    h2{
        color: white;
    }
    .faq-hr{
        color: white;
    }
    .card{
        background-color: #17202A;
        
    }
    .form-control{
        background-color: #2E4053;
        color: white;
    }
    .form-control:focus{
        background-color: #2E4053;
        color: white;
    }    
    .form-select{
        background-color: #2E4053;
        color: white;
    }
    nav{
        background-color: #2E4053;
        color: white;
    }
    .text-css{
        color: black;
    }
    .modal-content{
        color: black;
    }
}
.navbar.navbar-expand-lg.navbar-dark li a {
    color: rgb(214, 205, 205);
}