@font-face {
  font-family: 'Indie Flower';
  font-style: normal;
  font-weight: 400;
  src: local('Indie Flower'), local('IndieFlower'), url(../fonts/10JVD_humAd5zP2yrFqw6ugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(../fonts/gk5FxslNkTTHtojXrkp-xBEur64QvLD-0IbiAdTUNXE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
html
{
	background:url(../img/fondo1.jpeg) center no-repeat fixed;
	background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
}

.title
{
	font-size:100px;
	font-family: 'Indie Flower', cursive;
	color:#fff;
	text-align:center;
	text-shadow:0px 0px 30px #333;
	font-weight:bold;
}
.cuadbotones
{
	position:relative;
	top:0px;
	left:0px;
	background:#333;
	width:70%;
	height:60px;
	padding:20px;
	margin:0 auto;
	box-shadow:0px 0px 20px #000;
}
.mbuttons
{
	top:0px;
	left:0px;
	position:relative;
	margin:0 auto;
}
.buttons
{
	top:0px;
	left:0px;
	position:relative;
	float:left;
	width:300px;
	height:50px;
	background:#fff;
	margin:5px;
}
.buttons:hover
{
	top:0px;
	left:0px;
	position:relative;
	float:left;
	width:295px;
	height:45px;
	background:none;
	border:3px solid #fff;
}
.letrasbut
{
	text-align:center;
	font-size:30px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	color:#000;
}
.letrasbut:hover
{
	text-align:center;
	font-size:30px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:bold;
	color:#fff;
}