/*--------------------------------------------------------------
# General Styling & Shared Classes
--------------------------------------------------------------*/
body {
    color: var(--default-color);
    background-color: var(--background-color);
    font-family: var(--default-font);
}

a {
    color: var(--accent-color);
    text-decoration: none;
    transition: 0.3s;
}

    a:hover {
        color: color-mix(in srgb, var(--accent-color), transparent 25%);
        text-decoration: none;
    }

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--heading-color);
    font-family: var(--heading-font);
}

.titulo {
    font-size: 2.5rem;
}

.subtitulo {
    font-size: 1.1rem;
}

@media (min-width: 1250px) {
    .titulo {font-size:3rem}
    .subtitulo {
        font-size: 1.3rem
    }
    }


.fs-a {
    font-size:4rem;
}
.fs-b {
    font-size: 2.5rem;
}