:root{
  --primary-color: #d5212b;
  --secondary-color: #ffffff;
  --alert-bg-color: rgba(255, 156, 138, 0.596);
  --background-color: rgb(218,242,255);
  --bg-gradient-color1: rgb(11,115,181);
  --bg-gradient-color2: rgba(213,33,43,0.77);
}


body{
  background: var(--background-color);
  background-image: radial-gradient(circle at 40% 91%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 50%,rgba(229, 229, 229,0.04) 50%, rgba(229, 229, 229,0.04) 100%),radial-gradient(circle at 66% 97%, rgba(36,36,36, 0) 0%, rgba(36,36,36, 0) 50%,rgba(255,255,255, 0.04) 50%, rgba(255,255,255, 0.04) 100%),radial-gradient(circle at 86% 7%, rgba(40,40,40, 0) 0%, rgba(40,40,40, 0) 50%,rgba(255,255,255, 0.04) 50%, rgba(255,255,255, 0.04) 100%),radial-gradient(circle at 15% 16%, rgba(99,99,99, 0) 0%, rgba(99,99,99, 0) 50%,rgba(45,45,45, 0) 50%, rgba(45,45,45, 0) 100%),radial-gradient(circle at 75% 99%, rgba(243,243,243, 0) 0%, rgba(243,243,243, 0) 50%,rgba(255,255,255, 0.04) 50%, rgba(255,255,255, 0.04) 100%),linear-gradient(226deg, var(--bg-gradient-color1), var(--bg-gradient-color2));
}

.bottone{
  background-color: var(--primary-color);
  border-color: var(--secondary-color);
  color: var(--secondary-color);
}


.bottone:hover{
  background-color: var(--secondary-color);
  color: var(--primary-color);
  border-color: var(--primary-color);
}

.errore_accesso, .input-file{
    background-color: var(--alert-bg-color);
    color: var(--primary-color);
}

th{
  background: var(--primary-color);
  color: var(--secondary-color);
}

#logo-csc {
  width: 75%;
  height: auto;
}