/* Here we may add global Styles for the Academy */

:root{
    --academy-font-size-paragraph-extrasmall: 16px;
    --academy-font-size-paragraph-small: 18px;
    --academy-font-size-paragraph-medium: 22px;
    --academy-font-size-paragraph-large: 26px;
    --academy-font-size-paragraph-extralarge: 54px;
    --academy-font-size-heading-large: 76px;
    --academy-font-size-heading-h1: 64px;
    --academy-font-size-heading-h2: 54px;
    --academy-font-size-heading-h3: 38px;
    --academy-font-size-heading-h4: 32px;
    --academy-font-size-heading-h5: 26px;
    --academy-font-size-heading-h6: 22px;

}

.container .paragraph {
    color:var(--trust);
}

.tabs a {

}

.tabs a:hover {
    background-color:var(--academy-200);;
}

.tabs a.is-active {
    background-color: var(--academy);
    color: var(--ambience);
}

.tabs a.is-active:hover {
    background-color: var(--academy-500);
}