html,
body {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

#renderCanvas {
    width: 100%;
    height: 100vh;
    touch-action: none;
}

#canvasZone {
    width: 100%;
    height: 100%;
}

.btn{
	
    background-color: rgba(255, 255, 255, 0);
	
	color: white;

	display: flex;
	margin: 1%;
	padding: 1%;
	align-items:center;
	justify-content:center;
		
	width: auto;
	height: auto;
	
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.7vh;
	letter-spacing: 2px;
	border-radius: 0px;
	
	transition: all 0.3s linear;
	width: 10vw;
    height: 10vh;
}

.btn:hover{
    
	color: black;
	cursor: pointer;
}

#buttonbox{
    width: 30%;
	padding: 2pt;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
}

#projekt1{
    position: absolute;
    top: 10%;
    left: 5%;
    background-image: url("../pic/dbeLogo.jpeg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    
}
#projekt2{
    position: absolute;
    top: 40%;
    left: 5%;
    background-image: url("../pic/tazWappen.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#projekt3{
    position: absolute;
    top: 70%;
    left: 5%;
    background-image: url("../pic/hoopsGeek.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#projekt4{
    position: absolute;
    top: 10%;
    left: 80%;
    background-image: url("../pic/shotClock.PNG");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#projekt5{
    position: absolute;
    top: 40%;
    left: 80%;
    background-image: url("../pic/gameClock.PNG");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#projekt6{
    position: absolute;
    top: 70%;
    left: 80%;
    background-image: url("../pic/referee.PNG");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}