style.css

@import './assets/styles/reset.css';
@import './assets/styles/header.css';
@import './assets/styles/mulheres_tecnologia.css';
@import './assets/styles/areas_atuacao.css';
@import './assets/styles/lideranca.css';
@import './assets/styles/historias_impactam.css';
@import './assets/styles/carta_aberta.css';
@import './assets/styles/nosso_time.css';
@import './assets/styles/comunidade.css';
@import './assets/styles/footer.css';


@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');

* {
    box-sizing: border-box;
}
html,body{
    scroll-behavior: smooth;
}
main, header{
    max-width: 1440px;
    margin: 0 auto;
    /* background-color: var(--neutral-white); */
}

/* body{
    background: var(--neutral-white);
} */

:root {
    --neutral-white: #ECEDEE;
    --neutral-pure-white: #FFFFFF;
    --pure-white-transparency: #ffffff1a;
    
    --neutral-dark: #1C1D1E;
    --neutral-dark-purple: #2D2C35;
    --neutral-purple-transparency: #2D2C35b1;
    --pure-black-transparency: #00000033;
    
    --neutral-grey-dark: #646464;
    --neutral-grey-light: #F4F4F4;

    --primary: #480FCB;
    --secondary: #F72585;

    --gradient: linear-gradient(127.4deg, #F72585 -2.62%, #480FCB 104.88%);

    --gradient-black-200: linear-gradient(200deg, #ffffff14 0%, #00000000 100%);
    --gradient-black-180: linear-gradient(180deg, #00000026 0%, #00000000 100%); /*to do: Ver opacidade do gradiente*/
    --gradient-black-20: linear-gradient(20deg, #ffffff14 0%, #00000000 100%);

    --gradient-comunidade: linear-gradient(270deg, #97003B 0%,var(--neutral-dark)  50%, #3300BB 100%);

    --gradient-overlay: linear-gradient(270deg, #97003B33 0%,#1C1D1E33 50%, #3300BB33 100%);

    --font-family-title: 'Dela Gothic One', sans-serif;
    --font-family-content:  'Montserrat', sans-serif;
    --font-size: 62,5%;
}