body {
    font-family: Montserrat;
    text-align: center;
  }
  
  #instrucciones {
    background: #a01;
    color: white;
    padding:20px;
    float:right;
    font-family: 'Sixtyfour', Numeric, sans-serif;
    cursor: pointer;
  }
  #juego {
    width: 80%;
    height: 80%;
    border-radius: 10px;
    background-color: #2aa;
    margin: auto;
  }
  
  .tarjeta {
    display: inline-block;
    width: 20%;
    height: 27%;
    border: 3px solid #eee;
    border-radius: 10px;
    cursor: pointer;
    background-color: #fff;
    margin-left: 5px;
    margin-top: -100px;
    margin:10px;
  }

  .volteada {
    color: #aff;
    visibility: visible;
  }

  .pareja {
    background-color: blue;
    border: 5px solid #a01;
    visibility: hidden;
  }

  .boton-reinicio {
    width: 50%;
    padding: 50px;
    text-align: center;
    margin: auto;
    background-color: #a83500;
    border-radius: 5px;
    font-size: 200%;
    font-family: Montserrat;
    color: #fff;
    cursor: pointer;
  }

  .protoimagen {
    width: 100%;
    height: 100%;
  }

  .invisible {
    visibility: hidden;
  }


  #instruccion {
    margin: auto;
    text-align: center;
    width: 90%;
    }

    #no-width {
      width:0;
      height:0;
    }
  
  .cancelar {
    width:5%;
    margin:5px;
    font: bold 10px Numeric, sans-serif;
  }