@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
@import url('https://use.fontawesome.com/releases/v5.3.1/css/all.css');

/*icons topo*/
.icon::before{
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
}
.circle::before{
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    color: var(--azul-hover);
    padding: 5px;
}