/* CSS Document */

@media (max-width: 800px){
	.content{
		padding: 0;
	}
	.player-name{
		bottom: 40px;
		font-size: 40px;
		line-height: 50px;
	}
	.player-image{
		top: 48%;
	  	left: 52%;
		clip-path: ellipse(140px 188px at 104px 40px);
	  	width: 215px;
		border-radius: 50%;
	}
	.player-container{
		position: absolute;
		top: 46%;
		left: 50%;
		transform: translate(-50%, -60%);
		width: 220px;
		height: 200px;
		background-repeat: no-repeat;
		background-size: 100%;
		border-radius: 30%;
	}
	
	.buttons-container{
		width: 100%;
		padding-top: 3%;
		margin-top: 5%;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
	}
	
	.btn-kinder{
		width: 125px;
	}

	.img-button{
		width: 106px;
	}

	.qr-container{
		display: none;
	}

}