@font-face{
	font-family:'HelveticaRounded';
	src: local('../Final/HelveticaRdBd.otf') format('opentype');
  src: local ('../Final/HelveticaRdBd.woff') format('woff');

}
html, body{
	width: 100%;
	height:100%;
	margin-top: -20px;
	padding: 0px;
}
body{
	background: linear-gradient(to bottom, #fff4f4 10%,#b7f5e2 27%,#86d7ec 70%,#fcf9f8 100%) fixed;
	text-align: center;
	font-family:'HelveticaRounded';
	font-size: 2.5em;
	margin-top:1%;
}
.botonesflexibles{
	/*Safari*/
	display: -webkit-flex;
	-webkit-justify-content: space-around;
	-webkit-flex-wrap: wrap;
	/*Otros Navegadores*/
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap:wrap;
}
.button{
	/*Safari*/
	 -webkit-flex-grow: 0;
    -webkit-flex-shrink: 0;
    -webkit-flex-basis: 220px;
    /*Otros navegadores*/
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 220px;
    /*Para evitar que el cursor no cambie al pasar por encima*/
    /*El texto no se pueda seleccionar*/
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;

    color:#99FF99;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    padding:10px;
    margin: 3px;
    /*Aplicar borde al texto*/
    text-shadow:
   	-1px -1px 0 chocolate,
   	1px -1px 0 chocolate,
   	-1px 1px 0 chocolate,
   	1px 1px 0 chocolate;
   	/*Aplicamos bordes al boton*/
   	border: 1px groove rgba(102,153,0,0.5);
   	border-bottom: 3px groove rgba (102,153,0.5);
   	border-radius: 5px;
   	background:rgba(82,0,41,0.25);
   }

.button:hover{
	background-color:teal;
  }
h3{
  
  font-family:'
  HelveticaRounded';
  font-size:1em;
  color:slateblue;
  text-align:center;

}

}
@media screen and (max-width: 610px) {
    h3{
        font-family:'HelveticaRdBd';
        font-size: 0.8em;
        color:slategrey;
    }
}