@import url("./fonts.css");
@import url("./variables.css");
@import url("./utilities.css");

/*Header and Navigation*/

@import url("./header_alert.css");
@import url("./header_section.css");
@import url("./navigation.css");


/* Sections */

@import url("./hero_section.css");
@import url("./trusted_by_section.css");
@import url("./trending_courses_section.css");
@import url("./top_deals_section.css");
@import url("./key_benefits_section.css");
@import url("./explore_section.css");
@import url("./learners_say_section.css");


/* Footer */

@import url("./footer.css");


/* Basic Settings */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

*:focus {
    outline-offset: 5px;
    outline: 5px solid var(--color-primary);
    border-radius: 18px;
}

body {
    font-family: var(--font-main), Poppins;
    background-color: var(--color-background);
}

a {
    text-decoration: none;
    color: inherit;
}