html {
  font-size: 1vw;
}
h1{
    font-size: 6rem;
}
h2{
    font-size: 3rem;
}
p{
    font-size: 1.5rem;
}
.text-sm{
    font-size: 1rem;
}

/*-----------------------
POOSIZIONE DEGLI ELEMENTI
col = colonna angolo in alto a sinistra
row = riga angolo in alto a sinistra
width = numero di colonne occupate
height = numero di righe occupate
------------------------*/

.grid{
    --num-columns: 24;
}

/*-----------------------*/
.logo{
    --col: 1;
    --row: 1;
    --width: 2;
    --height: 2;
}
.nome{
    --col: 4;
    --row: 1;
    --width: 4;
    --height: 2;
}
.private{
    --col: 22;
    --row: 1;
    --width: 2;
    --height: 1;
}
.private-menu{
    --col: 22;
    --row: 2;
    --width: 3;
    --height: 2;
}
.cit{
    --col: 4;
    --row: 5;
    --width: 18;
    --height: 5;
}
.autore{
    --col: 4;
    --row: 10;
    --width: 5;
    --height: 1;
}

/*-----------------------*/

.n1{
    --col: 4;
    --row: 13;
    --width: 3;
    --height: 2;
}
.n1-titolo{
    --col: 7;
    --row: 14;
    --width: 7;
    --height: 1;
}
.n1-text{
    --col: 4;
    --row: 15;
    --width: 12;
    --height: 4;
}

/*-----------------------*/

.n2{
    --col: 12;
    --row: 21;
    --width: 3;
    --height: 2;
}
.n2-titolo{
    --col: 15;
    --row: 22;
    --width: 7;
    --height: 1;
}
.n2-text{
    --col: 12;
    --row: 23;
    --width: 12;
    --height: 4;
}

/*-----------------------*/

.n3{
    --col: 4;
    --row: 29;
    --width: 3;
    --height: 2;
}
.n3-titolo{
    --col: 7;
    --row: 30;
    --width: 7;
    --height: 1;
}
.n3-text{
    --col: 4;
    --row: 31;
    --width: 12;
    --height: 4;
}

/*-----------------------*/

.email{
    --col: 1;
    --row: 38;
    --width: 24;
    --height: 1;
    justify-content: center;
}

/*-----------------------*/

.copyright{
    --col: 2;
    --row: 41;
    --width: 5;
    --height: 1;
}
.dati{
    --col: 19;
    --row: 41;
    --width: 8;
    --height: 1;
}