/* default charset */

/* Using this charset saves us from seeing   instead of special chars*/
body {
	//background-image: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(https://www.favorittradio.com/images/Bakgrunn02.png);
	filter: brightness(100%);
	background-repeat: scroll;margin: 0px;
	background-attachment: fixed;
	background-color: Black;
	background-size: cover;
	margin: 0;
	padding: 0;
	font:23px Arial;
	color: Black;
	text-align: center;
}	
h1 {
	font:40px Arial;
	color:White;
	background-color: Black;
	line-height:20px;
	letter-spacing:.1em;
	margin-top:10px;
	text-align: center;
}
h2 {
	font:40px Arial;
	color:White;
	background-color: Black;
	line-height:20px;
	letter-spacing:.1em;
	margin-top:10px;
	text-align: center;
}
h3 {
	font:44px Arial;
	color:White;
	background-color: Black;
	line-height:20px;
	letter-spacing:.1em;
	margin-top:10px;
	text-align: center;
}
table {
	border-spacing: 1em 0.5em;
	padding: 0 1em 1em 0;
	border-radius: 55%;
  }
  
  th {
	border: 5px solid Blue;
	font:23px Arial;
	font-weight: bold;
	color:White;
	border-radius: 18px;
	border-spacing: 8px;
  }
  td {
	border: 5px solid Blue;
	font:23px Arial;
	color:White;	
	border-radius: 18px;
	border-spacing: 8px;
  }
img {
	border-radius: 10%;
		}
		.arrow {
			border: solid Red;
			border-width: 0 3px 3px 0;
			display: inline-block;
			padding: 6px;
		  }
		  
		  .right {
			transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
		  }
		  
		  .left {
			transform: rotate(135deg);
			-webkit-transform: rotate(135deg);
		  }
		  
		  .up {
			transform: rotate(-135deg);
			-webkit-transform: rotate(-135deg);
		  }
		  
		  .down {
			transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
		  }

		  .scroll-left {
			height: 40px;
			font-weight: bold;	
			overflow: visible;
			position: static;
			color: white;
		   }
		   .scroll-left p {
			position: absolute;
			width: 100%;
			height: 70%;
			margin: 0;
			line-height: 40px;
			text-align: center;
			/* Starting position */
			transform:translateX(100%);
			/* Apply animation to this element */
			animation: scroll-left 3s linear infinite;
		   }
		   /* Move it (define the animation) */
		   @keyframes scroll-left {
			0%   {
			transform: translateX(100%); 		
			}
			100% {
			transform: translateX(-100%); 
			}
		   }
		   @import "compass/css3";

@import url(https://fonts.googleapis.com/css?family=Raleway:700);
body     {
	background: #transparent;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
}
marquee {
  font-size:1.5em;
  color:#transparent;
}