/* =========================================
                BASE CSS
========================================= */

@import url("base/reset.css");
@import url("base/variables.css");
@import url("base/typography.css");
@import url("base/global.css");

/* =========================================
            COMPONENTS CSS
========================================= */

@import url("components/navbar.css");
@import url("components/footer.css");
@import url("components/buttons.css");
@import url("components/cards.css");
@import url("components/dropdown.css");
@import url("components/forms.css");
@import url("components/animations.css");

/* =========================================
                PAGES CSS
========================================= */

@import url("pages/home.css");
@import url("pages/projects.css");
@import url("pages/courses.css");
@import url("pages/blog.css");
@import url("pages/about.css");
@import url("pages/contact.css");
@import url("pages/privacy.css");
@import url("pages/services.css");
@import url("pages/terms.css");
@import url("pages/dashboard.css");
@import url("pages/auth.css");

/* =========================================
                GLOBAL
========================================= */

html{
    scroll-behavior:smooth;
}

body{
    font-family:"Poppins",sans-serif;
}

a{
    text-decoration:none;
}

ul{
    list-style:none;
}

img{
    max-width:100%;
    display:block;
}

button{
    border:none;
    outline:none;
    cursor:pointer;
    font-family:inherit;
}

input,
textarea,
select{
    outline:none;
    font-family:inherit;
}

/* =========================================
                RESPONSIVE
========================================= */

@media(max-width:992px){

    body{
        font-size:15px;
    }

}

@media(max-width:576px){

    body{
        font-size:14px;
    }

}