@import url("./header.css");
@import url("./banner.css");
@import url("./carousel.css");
@import url("./topics.css");
@import url("./contact.css");
@import url("./footer.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');

:root{
    --bg-color: #EBECEE;
    --white: #FFFFFF;
    --orange-title: #EB9B00;
    --linear-blue: linear-gradient(97.54deg, #002f52 35.49%, #326589 165.37%);
    --principal-font: "Poppins";
    --blue-title: #002f52;
    --secondary-font: "Josefin Sans";
    --gray: #474646;
    --gray-title: #858585;
}

body{
    background-color: var(--bg-color);
    font-family: var(--principal-font);
    font-size: 1rem;
    font-weight: 400;
}