/*rimpicciolire il font in questo caso il font-3*/
/*font 4*/
@font-face {
    font-family: '4';
    /* Nome personalizzato del font */
    src: url('font\ css/AlumniSans-Medium.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

.font-4 {
    font-family: '4', sans-serif;
    /* Usa il font OTF */
    text-shadow: none;
    /* toglie l'ombra */
    font-size: 35px;
}

@font-face {
    font-family: '4-bold';
    /* Nome personalizzato del font */
    src: url('font css/HyperPolarRegular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

.font-4-bold{
    font-family: '4-bold', sans-serif;
    /* Usa il font OTF */
    text-shadow: none;
    /* toglie l'ombra */
    font-size: 35px;
}

.piccolo{
    font-size: 25px;
}


/*font generale*/
/* Inter Light */
@font-face {
    font-family: 'Inter';
    src: url('font\css/Inter_28pt-Light.woff') format('woff');
    font-weight: 300; /* Light */
    font-style: normal;
}

/* Esempio di utilizzo responsive */
.font-generale {
    font-family: 'Inter', sans-serif;
    font-size: clamp(16px, 2vw, 20px); /* min 16px, max 20px */
    text-shadow: none;
}

/* Titoli responsive */

/* H1 - Titolo principale */
h1 {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: clamp(28px, 4vw, 42px); /* min 28px, max 42px */
    line-height: 1.2;
}

/* H2 - Sottotitolo importante */
h2 {
    font-family: 'Inter', sans-serif;
    font-weight: 550;
    font-size: clamp(22px, 3.5vw, 32px); /* min 22px, max 32px */
    line-height: 1.3;
    color: rgba(12, 132, 165, 100);
}

/* H3 - Titolo secondario */
h3 {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: clamp(18px, 3vw, 26px); /* min 18px, max 26px */
    line-height: 1.3;
}

/* H4 - Titolo di sezione / sottotitolo minore */
h4 {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: clamp(16px, 2.5vw, 22px); /* min 16px, max 22px */
    line-height: 1.4;
}