.big-text{ font-size: 70px; font-weight: 700;}
.intro-text{ font-size: 50px;}
.hero-text{font-size: 40px; }
.normal-text{ font-size: 20px; }
.small-text{ font-size: 14px; line-height: 18px;}

.button{
    white-space: nowrap;
    font-weight:bold;
    padding:15px 30px;
    border-radius: 10px;
    background-color: #4aa5df;
    display:inline-block;
    color: #000;
}
.button:active{
    transform:scale(0.9);
    color: #d9d9d9;
    transition: transform .1s, color .2s;
}
.button:hover{
  cursor: pointer;
}
a.button{ text-decoration: none; color: #000; }


.icon-circle {
    width: 40px;            /* diametro cerchio */
    height: 40px;
    background-color: var(--grey-bckgrnd-color); /* colore cerchio */
    color: #fff;            /* colore icona */
    border-radius: 50%;     /* rende il contenitore un cerchio */
    display: flex;          /* centra l’icona */
    align-items: center;    /* centratura verticale */
    justify-content: center;/* centratura orizzontale */
    text-decoration: none;
    font-size: 18px;        /* dimensione icona */
    text-align: center;
}
.icon-circle:visited{
  color: #fff;
  background-color: var(--grey-bckgrnd-color);
}
.icon-circle:active{
  color: #000;
  background-color: #fff;
}