body {
	font-family: Gadugi;
}

p {
	text-align: center;
}

img {
	opacity: 0;
	position: absolute;
}
.startscreen {
	position: absolute;
	top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background-image: url('../img/start.png');
    width: 1280px;
    height: 720px;
    z-index: 5;
}

.text {
	background-color: green;
	text-align: center;
	position: absolute;
	border-color: red;
    border-style: solid;
    border-radius: 10px;
    color: white;
}
.startButton {
	top: 79%;
    left: 47%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 22px;
    padding: 14px;
    cursor: pointer;   
}

.startButton:hover {
	box-shadow: 3px 3px 3px black;
	transition-duration: 0.5s;
}

.endscreen {
	position: absolute;
	top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background-image: url('../img/ende_Stollen.png');
    width: 1280px;
    height: 720px;
    z-index: 5;
}

.endButton {
    top: 84%;
    left: 47%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 110px;
    height: 20px;
    padding: 12px;
    cursor: pointer;
}

.endButton:hover {
	box-shadow: 3px 3px 3px black;
	transition-duration: 0.5s;
}

.result {
	font-size: 21px;
    top: 93%;
    left: 47%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 30px;
    padding: 12px;
}

.gamewrap {
	background-image: url('../img/background.png');
	background-repeat: no-repeat;
	width: 1280px;
	height: 720px;

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

}

.candidates {
	/*background-image: url('../img/back.png')*/;
	width: 1280px;
	height: 420px;
	margin-top: 155px;
	z-index: 2;
}

.candidate {
	width: 245px;
    height: 435px;
}

.oven {
	margin-top: -245px;
	margin-left: 50px;
	z-index: 1;
}

.carpBox {
	display: inline-block;
	position: relative;
    margin-left: 261px;
	float: left;
}

.gooseBox {
	display: inline-block;
	position: relative;
	float: right;
	margin-right: 277px;
}

.opinionBox {
	position: absolute;
    top: 70%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.opinion {
	background-image: url('../img/fel.png');
	background-size: 385px;
	color: white;
	font-size: 21px;
	text-align: center;
	z-index: 2;
	padding: 10px;
	padding-top: 20px;
    width: 366px;
    height: 38px;
}

.modBox {
	display: inline-block;
	position: relative;
	top: -19px;
}
.mod {
    width: 252px;
    height: 219px;
}



/************* adjective *************************************************/

.invisible {
	display: none;
}

.shallow {
	opacity: 0.3;
}

.animation {
	transition-duration: 1s;
}