@charset "UTF-8";

@font-face {
  font-family: ubuntu;
  src:url("../fonts/Ubuntu-Regular.ttf");
}

@font-face {
  font-family: play;
  src:url("../fonts /Play-Regular.ttf");
}

*{
  margin: 0px;
  padding: 0px;
}

#h1{
  color: #1252b3;
  font-family: ubuntu,helvetica;
}
.teclado{
  background-color: rgb(194, 25, 61);
  padding: 3px 3px 6px 3px;
  width: 248px;
  border-radius: 0px 0px 10px 10px;
}

.botonera{
  /*width: 250px;*/
  margin: 5px 0px;
}

.botonera li>a, .teclado>a{
  font-family: ubuntu, helvetica, sans-serif;
  font-size: 1.3em;
  background-color: rgb(19, 16, 143);
  color: white;
  display: block;
  padding: 0.2em 0.2em;
  margin: 0px 3px;
  text-decoration: none;
  text-align: center;
  border-radius: 10px 10px 10px 10px;
}

.botonera li>a:hover, .teclado>a:hover{
  background-color: rgb(90, 88, 164);
}

.botonera {
  display: flex;
  flex-direction: row;
  list-style-type: none;
}

.botonera li{
  flex-grow: 1;
}

input{
  font-size: 1.3em;
  width: 250px;
  border-radius: 10px 10px 0px 0px;
  text-align: right;
}