/* ###################################### reset CSS ###################################### */

:root {
    --main-bg-color: #222222;
    --main-text-color: #fff;
    --main-font-family: 'Roboto', Arial, Helvetica, sans-serif;
    --main-font-size: 16px;
}

/* ###################################### blocchi ###################################### */
html,
body {
    font-family: var(--main-font-family);
    background-color:var(--main-bg-color);
    color: var(--main-text-color);
    font-size: var(--main-font-size);
}
/* ###################################### elementi ###################################### */
/* ###################################### utilità ###################################### */

.bor-arrotonda {
    border-radius: 10px;
}
.width-100 {
    width: 100%;
}
.bg-red {
    background-color:darkred
}
.margin-center {
    margin: 0 auto;
}
.link-switch {
  color: #007bff;
  /* Colore del link */
  text-decoration: none;
  /* Rimuove la sottolineatura del link */
  cursor: pointer;
  /* Cambia il cursore al passaggio del mouse */
}

.link-switch:hover {
  text-decoration: underline;
  /* Aggiunge la sottolineatura al passaggio del mouse */
  color: #0056b3;
  /* Cambia il colore del link al passaggio del mouse */
}