@import url("base-container.css");
@import url("header.css");
@import url("banner.css");
@import url("about.css");
@import url("partners.css");
@import url("projects.css");
@import url("instagram.css");
@import url("end.css");
@import url("footer.css");


@font-face {
    font-family: 'Gilroy-medium';
    src: url('../fonts/GILROY-MEDIUM.TTF') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy-bold';
    src: url('../fonts/GILROY-BOLD.TTF') format('truetype');
    font-style: normal;
}

:root {
    --cor-de-fundo: #F2F9FC;
    --blue-strong: #0B2130;
    --blue-weak: #16688B;
    --green: #52B9AA;
    --fonte-principal: 'Gilroy-medium';
    --fonte-secundaria: 'Gilroy-bold';
    --gradient: linear-gradient(180deg, #52B9AA 0%, #16688B 100%);
}

html {
  scroll-behavior: smooth;
}

body {
    background-color: var(--cor-de-fundo);
    font-family: var(--fonte-principal);
    font-size: 1.2rem;
	line-height: 1.5em;
	color: var(--blue-strong);
	box-sizing: border-box;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: white;
}

::-webkit-scrollbar-thumb {
    background: var(--blue-weak);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--green)
}