body {
	
  font-family: Helvetica;

  animation-name: flash;
 
  animation-duration: 2s;

  animation-timing-function:  ease-in;

}







html {

  scroll-behavior: smooth;

}






li.dropdown {

  display: inline-block;

  position: fixed;

}



.dropdown-content {

  display: none;

  position: absolute;

  background-color: #f9f9f9;

  min-width: 157px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 1;

  margin-top: 10px;

  display: block;

  top: -500px;

  transition: all 1.5s;

}





.dropdown-content a {

  color: black;

  padding: 16px 16px;

  text-decoration: none;

  display: block;

  text-align: left;

}



.dropdown-content a:hover:not(.active) {

  background-color: #e5e5e5;

  color: black;

}



.dropdown:hover:not(.active) .dropdown-content {

  display: block;

  top: 45px;
}



.navbar {

 font-size: 20px;

}


.result {
 font-size: 20px;

 margin-top: 60px;
}



ul {

  list-style-type: none;

  padding: 0;

  overflow: hidden;

  width: 100%;

  margin-top: -20px;

  padding-bottom: 20px;

  padding-top: 20px;

  z-index: 5;

  position: fixed;

  top: 0;

}




ul-result {

  list-style-type: none;

  padding: 0;

  overflow: hidden;

  width: 100%;

  margin-top: -100px;

  padding-bottom: 20px;

  z-index: 5;

  position: fixed;


}



li {

  float: left;

  margin-top: 20px;

  margin-right: 10px;

}



li-result {

  float: left;

  margin-top: 200px;

  margin-right: 10px;

}



li a {

  display: block;

  color: white;

  text-align: center;

  padding: 16px;

  text-decoration: none;

  font-size: 20px;

  margin-top: -10px;

  transition: background-color 1s, color 2s;

}



li a:hover:not(.active), .dropdown:hover:not(.active)  .dropbtn  {

  background-color: red;

  color: white;

}







.Accesso {

    text-align: center;

	margin-left: 10px;

	margin-top: -10px;

}



.Accesso p {

	font-size: 20px;

}



.Accesso h1 {

	font-size: 40px;

}






.Cosa {

	text-align: center;

	margin-left: 100px;

	margin-right: 450px;

	margin-top: 270px;

}



.Cosa p {

	font-size: 20px;

}



.Cosa h1 {

	font-size: 40px;

}




.Registrati {

	display: inline-block;

	text-align: center;

	margin-top: -10px;

}



.informazioni p {

	font-size: 25px;

	margin: 235px;

	margin-top: 0px;

	margin-bottom: 50px;

}



.informazioni h1 {

	margin-top: 40px;

}




.bottone {
    cursor: pointer !important;
    text-align: center !important;
    font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif !important;
    position: relative !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    font-size: 12px !important;
    line-height: 16px !important;
    background-color: rgb(247, 247, 247) !important;
    color: rgb(34, 34, 34) !important;
    font-weight: 800 !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-image: initial !important;
    border-image-source: initial !important;
    border-image-slice: initial !important;
    border-image-width: initial !important;
    border-image-outset: initial !important;
    border-image-repeat: initial !important;
    outline: none !important;
    margin: 0px !important;
    border-radius: 30px !important;
    border-color: rgb(34, 34, 34) !important;
}






  


