/*Info*/
	.info{
		padding: 10px 10px 100px 10px;
	}
	.info img{
		float: left;
		margin: 1%;
		width: 48%;
		border-radius: 2px;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 15%);
	}
	textarea{
		margin: 5%;
		width: 90%;
		height: 300px;
	}
/*Stickers*/
	.boxsti{
		background: rgba(0, 0, 0, 10%);
		padding: 10px;
		border-radius: 5px;
		margin: 10px 10px 0 10px;
		position: relative;
	}
	.boxsti img{
		height: 100%;
		border-radius: 5px;
		background: rgba(0, 0, 0, 10%);
		margin-right: 10px;
	}
	.galeri{
		height: 100px;
		overflow: scroll;
		display: flex;
	}
	.boxsti .animados{
		position: absolute;
		top: 10px;
		right: 10px;
		background: orange; 
		color: white;
		padding: 0 8px;
		border-radius:  5px;
	}
	.boxsti p{
		margin-bottom: 5px;
		margin-top: -5px;
	}
	.adanime{
		background: #333;
		color: white;
		margin: 10px;
		padding: 15px;
		text-align: center;
		border-radius: 5px;
	}
/*Moneda*/
	.back{
		height: 95vh;
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.flip-card {
		background-color: transparent;
		width: 70%;
		perspective: 1000px;
	  	position: absolute;
	  	top: 50%;
	  	left: 50%;
	  	transform: translate(-50%, -50%);

	}
	.flip-card img{
		width: 100%;
	}
	.flip-card-inner {
	  
	  height: 100%;
	  transition: transform 0.5s;
	  transform-style: preserve-3d;
	  backface-visibility: hidden;
	}

	.flip-card:focus {
	    outline: 0;
	}

	.flip-card:hover .flip-card-inner,
	.flip-card:focus .flip-card-inner{
	  transform: rotateY(180deg);
	}

	.flip-card-front,
	.flip-card-back {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	}

	.flip-card-front {
	  
	  color: black;
	  z-index: 2;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}

	.flip-card-back {
	  color: white;
	  transform: rotateY(180deg);
	  z-index: 1;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}
/*Juegos*/
	.games{
		width: 100%;
	}
	.games img{
		width: 45%;
		border-radius: 5px;
		box-shadow: 0 5px 5px rgba(0, 0, 0, 30%);
		margin: 5px 1%;
	}
/*Footer*/
	.back footer{
		background: #333;
		height: 60px;
		width: 100%;
		color: whitesmoke;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 50px;
		z-index: 99;
		box-shadow: 0 -5px 5px rgba(0, 0, 0, 30%);
		position: absolute;
		bottom: 0;
	}
	footer{
		background: #333;
		height: 60px;
		width: 100%;
		color: whitesmoke;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 50px;
		z-index: 99;
		box-shadow: 0 -5px 5px rgba(0, 0, 0, 30%);
	}
/*Head*/
	header{
		background: #333;
		color: white;
		height: 60px;
		box-shadow: 0 5px 5px rgba(0, 0, 0, 30%);
		display: flex;
		align-items: center;
		position: sticky;
		top: 0;
		z-index: 999999999999999999;
	}
	header p{
		margin: 0 10px;
		font-size: 21px;
	}
	.bars{
		font-size: 30px;
		padding-left: 15px;
	}
/*Box Menu*/
	.boxmenu{
		background: white;
		height: 100%;
		width: 300px;
		position: fixed;
		top: 0;
		left: -100vh;
		box-shadow: 5px 0 5px rgba(0, 0, 0, 30%);
		transition: all .3s ease;
		z-index: 99;
		z-index: 9999999;
		overflow: scroll;
	}
	.fontmenu{
		background: rgba(0, 0, 0, 30%);
		height: 100%;
		width: 100%;
		position: fixed;
		z-index: 9;
		opacity: 0;
		visibility: hidden;
		transition: ease .3s all;
		backdrop-filter: blur(5px);
		z-index: 999999;
	}
	.boxmenu a{
		display: block;
		font-size: 20px;
		background: rgba(0, 0, 0, 8%);
		padding: 10px;
		margin: 10px;
		border-radius: 5px;
	}
	.boxmenu p{
		padding-left: 10px;
		color: rgba(0, 0, 0, 50%);
		margin-bottom: -10px;
	}
	.opaci{
		color: rgba(0, 0, 0, 20%);
	}
/*Boton menu*/
	#check{
		display: none;
	}
	#check:checked ~ .boxmenu{
		left: 0;
	}
	#check:checked ~ .fontmenu{
		opacity: 1;
		visibility: visible;
	}
/*Juego de la semana*/
	.juegodls{
		padding: 10px; 
		padding-bottom: 200px;
	}
	.juegodls img{
		width: 100%;
		border-radius: 5px;
		box-shadow: 0 5px 10px rgb(0, 0, 0, 20%);
		margin: 10px 0 10px 0;
	}
	.juegodls p{
		margin-bottom: 10px;
	}
	.aqui{
		background: rgba(0, 0, 0, 15%);
		border-radius: 5px;
		padding: 6px;
		text-decoration: underline;
	}
	.salon{
		background: rgba(0, 0, 0, 10%);
		border-radius: 5px;
		padding-bottom: 5px;
		overflow: scroll;
	}
	.salon a{
		text-decoration: underline;
	}
	.salon div{
		display: inline-block;
		width: 30%;
		margin: 1%;
	}
	.indi{
		font-weight: 600;

	}
	.fama{
		background: #333;
		color: white;
		padding: 5px;
		border-radius: 5px 5px 0 0;
	}
	.div{
		background: rgba(0, 0, 0, 5%);
	}
	#contador{
		background: #333;
		color: white;
		padding: 10px 0;
		border-radius: 5px;
		text-align: center;
	}
	.go{
		background: #333;
		color: white;
		width: 100%;
		padding: 10px 0;
		border-radius: 5px;
		margin-bottom: 10px;
		display: none; 
	}
	.box{
		display: none;
		position: relative;
		width: 45%;
		margin: 5px 1%;
	}
	.box::before{
		content: "Torneo";
		position: absolute;
		background: orange;
		color: white;
		padding: 5px;
		bottom: 9px;
		left: 2px;
		border-radius: 0 5px 0 5px ;
	}
	.box img{
		width:100%;
	}
	.torneo{
		background: orangered;
		color: white;
		padding: 5px;
		border-radius: 0 5px 0 5px;
		position: absolute;
		bottom: 0;
		left: 0;
	}
/*General*/
	*{
		margin: 0;
		padding: 0;
		font-family: 'Rubik', arial;
	}
	a{
		text-decoration: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		color: black;
	}