body {	
}

.container {
	z-index: -2;
	padding: 10px;
	font-family: Arial;
	font-size: 1.2vw;
	line-height: 1.5;

	position: fixed;
	width: 100%;
	height: 100%;
}

/* Box
==============================================*/

#box {
	z-index: 100;
	height: 40vh;
	width: 40vw;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
	justify-content: center; 

	position: absolute;
   		top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%); 

	border: 2px solid black;
	border-top: 12px solid black;
	background-color: #39FF14;

	/*background: url("chelsea-manning/index.html") no-repeat;
  	background-size: cover;*/
}

#box p {
	font-family: Arial;
	font-size: 1.2vw;
	line-height: 1.5;
	padding: 10px;
	color: black;
	border: 2px solid black;
	background: white;
}

/* Left / Right
==============================================*/
.left {
	z-index: -2;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50%;
	height: 90%;


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

.left:hover {
	background-color:;
	background: url("https://i.gifer.com/QZ4c.gif");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.right {
	z-index: -2;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50%;
	height: 90%;
	border-left: 2px solid black;

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

.right:hover {
	background-color: ;
	background: url("https://newagebackpacking.weebly.com/uploads/1/3/2/3/13234719/9016079_orig.gif?422");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/* .circle {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;

	margin-left: -100px;
	margin-top: -100px;

	border: 2px solid white;
	border-radius: 100%;
} */


.bottom-left {
	z-index: -2;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 50%;
	height: 10%;

	border-top: 2px solid black;
}

.bottom-right {
	z-index: -2;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 50%;
	height: 10%;

	border-top: 2px solid black;
}


span {
	padding: 10px;
	color: black;
	background-color: #39FF14;
	border: 2px solid black;
}

span-1 {
	padding: 10px;
	color: black;
	border: 2px solid black;
}

span-2 {
	padding: 10px;
	color: black;
	border: 2px solid black;
}

span:hover {
	color: black;
	border-color: black;
}

.text {
	position: absolute;
	padding-top: 20px;
	padding-left: 15px;
}

.text-2 {
	position: absolute;
	padding-top: 20px;
	right: 15px;
}

.willkommen {
	z-index: -100;
	font-family: Arial;
	font-size: 1.2vw;
	line-height: 1.5;
	padding: 10px;
	color: black;
	border: 2px solid black;
}