@import url('https://fonts.googleapis.com/css?family=Montserrat:700');
:root{
  --bgcolor: #ffffff; /*Silver d4d4de*/
  --color: #161515;
  --wcolor:#ffffff;
  --gray:#cccccc;
  --lightgray:#eeeeee;
  --rosso:#dc143c;
  --blu:#1e90ff;
  --verde:#228b22;
  --giallo:#ffd700;
  --space: 2px;
  --spaceL: 1px;
 -webkit-user-select: none; /* Safari */
 -ms-user-select: none; /* IE 10 and IE 11 */
 user-select: none; /* Standard syntax */ 
}

::-moz-selection { /* Code for Firefox */
  color: var(--evidencebgcolor);
  background: var(--titlecolor);
}

::selection {
  color: var(--evidencecolor);
  background: var(--titlecolor);
}


body{width:100%;margin:0px;padding:0px 0px 0px 0px;
font-family:Tahoma, Verdana, sans-serif;font-size:small;letter-spacing:var(--space);color:var(--color);text-decoration:none;text-align:left;align-self:center;line-height:1.5;
overflow: hidden;
	max-width:100%;min-width:99%;min-height:99%;
    background-color: #000000;
    background-size: 500% 800%;
	
}

 .circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index:-1;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.9);
    animation: animate 25s linear infinite;
    bottom: -200px;
}

.circles li:nth-child(1){    left: 55%;    width: 400px;    height: 10px; border-radius: 0px;    animation-delay: 0s;}
.circles li:nth-child(2){    left: 50%;    width: 1000px;    height: 5px; border-radius: 0px;   animation-delay: 2s;    animation-duration: 12s;}
.circles li:nth-child(3){    left: 30%;    width: 500px;    height: 10px; border-radius: 0px;   animation-delay: 4s;}
.circles li:nth-child(4){    left: 75%;    width: 400px;    height: 10px; border-radius: 0px;   animation-delay: 0s;    animation-duration: 18s;}
.circles li:nth-child(5){    left: 35%;    width: 200px;    height: 20px; border-radius: 0px;   animation-delay: 0s;}
.circles li:nth-child(6){    left: 45%;    width: 300px;    height: 30px; border-radius: 0px;   animation-delay: 3s;}
.circles li:nth-child(7){    left: 70%;    width: 500px;    height: 10px; border-radius: 0px;   animation-delay: 7s;}
.circles li:nth-child(8){    left: 80%;    width: 200px;    height: 30px; border-radius: 0px;   animation-delay: 15s;    animation-duration: 45s;}
.circles li:nth-child(9){    left: 60%;    width: 400px;    height: 10px; border-radius: 0px;   animation-delay: 2s;    animation-duration: 35s;}
.circles li:nth-child(10){   left: 55%;    width: 500px;    height: 20px; border-radius: 0px;   animation-delay: 0s;    animation-duration: 11s;}

@keyframes animate {
    0%{ transform: translateY(0) rotate(0deg);  opacity: 1;  }
    100%{ transform: translateY(-1500px) rotate(720deg);  opacity: 0;  }
} 
/*END BODY DEFINITION*/

.mainpage{
width:80%;height:80%;padding:0px 0px 0px 0px; position:absolute; top:10%; left:10%;
font-family:Tahoma, Verdana, sans-serif;font-size:small;letter-spacing:var(--space);color:var(--color);text-decoration:none;text-align:left;align-self:center;line-height:1.5;
max-width:100%;min-width:80%;min-height:80%;max-height:80%;
background-image: conic-gradient(#e01c80, #ff1936, #ffb612, #00b6c6, #0164bd, #e01c80 298deg);

}

.titleL{display:inline-block;font-size:+3em;letter-spacing:3px;line-height:2;padding-left:1%;color:#ffffff;text-transform:uppercase;}
.titleLY{display:inline-block;color:#ffd243;}
.minititle{	display:inline-block;padding:0px -100px 0px 0px;margin-top:0px;font-size:0.8em;letter-spacing:10px;line-height:1;text-transform:uppercase;color:#ffffff;}

.titleLL{display:inline-block;font-size:+5em;letter-spacing:4px;line-height:0.5;}
.titleLYY{display:inline-block;color:#f9c118;}
.titleLRR{display:inline-block;color:#ff2a5a;}
.titleLSS{display:inline-block;color:#048391;}
.minititlemini{	color:#555;display:inline-block;padding:0px 0px 0px 0px;top:-10px;	font-size:0.9em;letter-spacing:14px;line-height:1;text-transform:uppercase;}

fieldset{border: 0px dotted #ffffff;}


.textmenu{line-height:1;display:inline-block;margin:0px;margin-top:0px;width:100%;padding-left:55%;}
.bgdark{padding-right:5%;}
.bgdark a {vertical-align:bottom;color:#ffffff;padding:1%;}
.bgdark a:visited{color:#fff;}
.bgdark a:hover{color: #111;text-decoration:none;}
.bgdark a:active{color:#fff;}

.dropbtn {cursor: pointer;background: rgba(17, 17, 17, 0.00);color: white;line-height:1;padding: 3px 10px;font-size: 1.6em;border: none;text-decoration:none;}
/* The container <div> - needed to position the dropdown content */
.dropbtn:hover {background: rgba(17, 17, 17, 0.01);color: #111;text-decoration:none;}


/*HEADER MENU E CONTACT*/
.hightlightfontsize{font-size:3.5vw; text-align:left; display:inline-block;}

.mega{
	width:40%;
	height:50%;min-height:50%;
	position:absolute;
	top:30%;
	left:5%;

}

div.glass{
	padding: 15px 10px;
	display: block; margin-left: auto; margin-right: auto;
	font-size:1.4em;text-align: center;line-height:1.2;
	background: rgba(255, 255, 255, 0.35);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.01);
	backdrop-filter: blur(3.6px);
	-webkit-backdrop-filter: blur(3.6px);
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.newsl{
	width:40%;
	height:50%;min-height:50%;
	position:absolute;
	top:20%;
	left:55%;

}



.foot{
	 width: 98.5%;
	 position:absolute;
	 bottom:0;

}

.reduce50{max-width:50%;}
.areas{
	display:inline-block;color:#ffffff;padding:2%;padding-right:4%;text-align:left;vertical-align:top;
	
}
.areas a {vertical-align:bottom;color:#ffffff;padding:1%;text-decoration:none;}
.areas a:visited{color:#fff;}
.areas a:hover{color: #111;text-decoration:none;}
.areas a:active{color:#fff;}




/*END FOOTER*/

h1{display:inline;margin:1%;margin-top:3%; margin-left:3%;font-size:4em;color:var(--wcolor);text-align:inherit;font-weight:normal;text-decoration:none;}
h2{display:inline;margin-top:0px;font-size:1em;color:var(--titlecolor);text-align:left;font-weight:bold;text-decoration:none;}