/* FONTS */
@font-face {
    font-family: 'Fff Acidgrotesk Light';
    src: url('https://cdn.prod.website-files.com/65c4b4da44785bd5a7210c55/65c4d9f0825c6b7a00d50afb_FFF-AcidGrotesk-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fff Acidgrotesk Regular';
    src: url('https://cdn.prod.website-files.com/65c4b4da44785bd5a7210c55/65c4d9f0825c6b7a00d50afb_FFF-AcidGrotesk-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fff Acidgrotesk Medium';
    src: url('https://cdn.prod.website-files.com/65c4b4da44785bd5a7210c55/65c4d9f0f1b84de8d7e045a8_FFF-AcidGrotesk-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fff Acidgrotesk Bold';
    src: url('https://cdn.prod.website-files.com/65c4b4da44785bd5a7210c55/65c4d9f08b3b7e3a11edc7ff_FFF-AcidGrotesk-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Default */
html, body {
    scroll-behavior: smooth;
    font-family: 'Fff Acidgrotesk Regular';
}

h1,h2,b {
    font-family: 'Fff Acidgrotesk Bold';
}

p, span {
    font-family: 'Fff Acidgrotesk Medium';
}

::selection {
    background: #f6c4dd;
    color: #00000095;
}

.rotating-svg {
    animation: rotate 5s linear infinite;
    border-top: 1px solid #fff;
    border-radius: 50px;
    align-self: self-end;
}

text {
    font-size: 20px;
    fill: white;
}

.year {
    fill: #bcbb99; /* Azul claro */
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

nav.redes-sociais a {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

nav.redes-sociais a.insta {
    background-image: url(../../../assets/svg/insta.svg);
}

nav.redes-sociais a.linkedin {
    background-image: url(../../../assets/svg/linkedin.svg);
}

nav.redes-sociais a.whats {
    background-image: url(../../../assets/svg/whats.svg);
}

nav.redes-sociais a.github {
    background-image: url(../../../assets/svg/github.svg);
}