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


:root{
    --cor-fundo: radial-gradient( circle farthest-corner at 0.2% 0.5%,  rgba(68,36,164,1) 3.7%, rgba(84,212,228,1) 92.7% );
    --destaque-cor:  #0A3871;
    --claro: #F0ECE3;
    --destaque-neutro: #343A40;
    --fonte--primaria: 'Inter', sans-serif;
    --fonte--secundaria: 'Montserrat', sans-serif;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--fonte--primaria);
}

header {
    flex-direction: row;
    margin: 2% 0 0 2%;
}

body {
    background: var(--cor-fundo);
}

*button{
    cursor: pointer;
}

*button:hover{
    opacity: 80%;
}

footer{
    background-color: var(--claro);
    align-items: end;
}