*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
@font-face {
  font-family: 'Myfont';
  src: url("https://www.ruleta.icjo.edu.mx/font/ds-digital.ttf");
  src: local("font/DS-DIGIB.TFF") format("truetype");
  src: local("font/ds-digital.ttf") format("truetype");
}
body{
	align-items: center;
	background-image: url(images/fondo_icjo.png);
	background-size: cover;
	background-position: center;
}
.cabecera{
	font-size: 50px;
	font-family: sans-serif;
	color: #000;
	text-align: center;
}
.logo img{
	position: absolute;
	top: 100px;
	left: 100px;
}
.digital{
	display: block;
	margin: auto;
	text-align: center;
	width: 600px;
	height: 600px;
	background-color: transparent;
	border: solid 10px darkred;
	border-radius: 15px;
}
.ruleta{
	position: relative;
	top: 75px;
	color: darkred;
	font-size: 400px;
	font-family: 'Black Ops One', cursive;
	/*font-family: 'Myfont';
	font-family: 'Digital-7', arial;*/
}
.elementos{
	display: block;	
	margin: auto;
	text-align: center;
}
.elementos input{
	position: relative;
	margin: 25px;
	padding: 15px;
	border-radius: 10px;	
	border: none;
	background-color: darkred;
	color: #fff;
	font-size: 20px;
}
.ganadores{
	display: block;
	margin: auto;
	border: solid 1px black;
	height: 190px;
	width: 500px;
	border border-radius: 10px;
	padding: 5px;
	font-size: 20px;
	font-family: sans-serif;
}
.ganadores .head{
	width: 100%;
	height: 25px;
	background-color: darkred;
}
.ganadores .head i{
	color: #fff;
	font-size: 15px;
	float: right;
	padding: 5px;
	cursor: pointer;
}