@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Battambang:wght@100;300;400;700&display=swap');
/* CSS Document */
* {
    font-family: 'Khmer OS Battambang', 'Battambang';
    font-size:15px;
}
textarea {
    font-family: 'Khmer OS Battambang', 'Battambang'
}
input {
    font-family: 'Khmer OS Battambang', 'Battambang'
}
button {
    font-family: 'Khmer OS Battambang', 'Battambang'
}
a {
    font-family: 'Khmer OS Battambang', 'Battambang'
}
h5 {
    font-family: 'Khmer OS Battambang', 'Battambang'
}
select {
    font-family: 'Khmer OS Battambang', 'Battambang'
}
input {
    font-family: 'Khmer OS Battambang', 'Battambang'
}
pre {
    font-family: 'Khmer OS Battambang', 'Battambang'
}

@media only screen and (max-width: 600px) {
    #BirthDate {
            background-color: gold;
            /*width: auto;*/
        }
    }
    /* Small devices (portrait tablets and large phones, 600px and up) */
    @media only screen and (min-width: 600px) {
        #BirthDate {
            background-color: gold;
            width: 210px;
        }
    }
    /* Medium devices (landscape tablets, 768px and up) */
    @media only screen and (min-width: 768px) {
        #BirthDate {
            background-color: gold;
            width: 295px;
        }
    }
    /* Large devices (laptops/desktops, 992px and up) */
    @media only screen and (min-width: 992px) {
        #BirthDate {
            background-color: yellow;
            width: 410px;
        }
    }
    /* Extra large devices (large laptops and desktops, 1200px and up) */
    @media only screen and (min-width: 1200px) {
        #BirthDate {
            background-color: fuchsia;
            width: 220px;
        }
    }