body {
	background-color: gray;

	background-image: url("../img/b-5.JPG");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.container {
	color: white;
	padding: 25px;
	font-family: Arial;
	font-size: 1.5vw;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: -0.5px;
}


/* headline
=========================================================== */

.headline {
	font-style: bold;
	animation: animation-h 3s linear infinite;
}

@keyframes animation-h {
  100% {transform: rotateX(360deg);}
}


/* header
=========================================================== */

.header {
	z-index: 1;
	font-weight: bold;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px;
	padding-bottom: 1.5%;
}

.header .date { 
	color: #39FF14;
	border-bottom: 2px solid  #39FF14;
}

.header .link-1 {
	color: #39FF14;
	border-bottom: 2px solid  #39FF14;
}

.header .link-2 {
	color: #39FF14;
	border-bottom: 2px solid  #39FF14;
}

.header .link-3 {
	color: #39FF14;
	border-bottom: 2px solid  #39FF14;
}


/* element
=========================================================== */

.element {
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px;
	text-decoration: none;
	padding-top: 3vh;

	border-bottom: solid 2px white;
}


/* element
=========================================================== */

a { 
	color: white;
	text-decoration: none;
	padding: 5px;
	font-weight: bold;
}

a:hover {
	color: #39FF14;
}