@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

@import url('bootstrap.css');
@import url('header.css');
@import url('main.css');
@import url('banner.css');
@import url('presentation.css');
@import url('portfolio.css');
@import url('team.css');
@import url('contact.css');
@import url('footer.css');
@import url('media-queries.css');


html{
    scroll-behavior: smooth;
}

:root {
    --font-family: 'Urbanist', 'sans-serif';
    --font-size: 1.2rem;
    --font-weight-title: 600;
    --font-size-title: 3rem;
    --font-size-subtitle: 2.5rem;
    /* Cores */
    --purple: #824797;
    --black: #1e1e1e;
    --white: #fff;


}

body {
    font-family: var(--font-family);
    font-size: var(--font-size);
    color: var(--black);
    font-weight: 400;
    box-sizing: border-box;
}

.title {
    font-weight: var(--font-weight-title);
    font-size: var(--font-size-title);
}

.subtitle {
    font-weight: var(--font-weight-title);
    font-size: var(--font-size-subtitle);
}

.text-white {
    color: var(--white);
}

.text-purple {
    color: var(--purple);
}

.button {
    font-weight: 600;
    background-color: var(--purple);
    transition: ease-in-out .3s;

}

.button:hover {
    background-color: rgba(130, 71, 151, .9);
    color: var(--white);
    transition: ease-in-out .3s;
}

.button-text-white {
    color: var(--white);
}

.icon {
    width: 32px;
    margin-bottom: .5rem;
}

#about,
#portfolio,
#team,
#contact {
  scroll-margin-top: 80px;
}

a{
    text-decoration: none;
}