@tailwind base;
@tailwind components;
@tailwind utilities;

/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

html {
    @apply relative scroll-smooth;
}


body {
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
    color: #1a202c;
}
 input:-webkit-autofill {
        background-color: #F9F6F6 !important;
        box-shadow: 0 0 0px 1000px #F9F6F6 inset !important;
        -webkit-box-shadow: 0 0 0px 1000px #F9F6F6 inset !important;
    }

    input:focus {
        background-color: #F9F6F6 !important;
    }

/* @supports (-webkit-overflow-scrolling: touch) {
    body {
        cursor: pointer;
    }
} */

input,
textarea,
button,
select,
a {
    -webkit-tap-highlight-color: transparent;
}

h1,h2,h3,h4,h5,h6 {
    @apply font-semibold;
}