@charset "utf-8";
/* CSS Document */
#alerts{/*comunication*/
	max-width: 780px; /* Larghezza massima del'avviso */
    width: 70%;
    height: 60px;
	position: absolute;
	top: 100px;
    right: 20px;
	/*background-color: #9bb8e0;*/
	background-color: rgba(155, 184, 224, 0.5);
	color: white;
	padding: 10px;
	z-index: 1;
	border-radius: 5px;
	overflow: hidden;
	font-size: 20pt;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}


#alerts p {
	display: inline-block;
	padding-left: 100px;
	white-space: nowrap;
	animation: scroll 15s linear infinite;
}
@keyframes scroll {
	0% {
		transform: translateX(100vw);
	}
	100% 	{
		transform: translateX(-100vw);
	}
}