HELP! align-items buggé

Bonjour,
cela fait plusieurs heures que j'essais d'aligner mes flexbox au centre de ma page mais cela ne marche pas

je voudrais mettre mes 2 flexbox au centre de ma page internet, mais seulement le justifiy-content fonctionne, et non le align-items

code css:

.master {
 display: flex;
 justify-content: center;
 align-items: center;
}

.clickbox {
 color:#8FDFCB;
 border: 5px Solid;
 border-color:#8FDFCB;
 background-color:#BDFFE1;
 font-size: 55px;
 margin: 5px;
 height: 140px;
 width: 450px;
 text-align: center;
 font-family: "Righteous";

HTML:

<div class="master">
  <div class="clickbox"><a href="Sanctuaires.html">Carte de tous les sanctuaires</a></div>
  <div class="clickbox">Le meilleur stuff a avoir</div>
 </div>

mais ça me fait cela:



http://image.noelshack.com/fichiers/2019/09/6/1551559823-capture-d-ecran-2019-03-02-a-21-42-17.png


et je ne parle meme pas de quand je met le flex-direction en column: seulement le align-items fonctionne, et cela me fait le meme résultat que plus haut.

Mon problème vient donc de l'alignement vertical, qui ne fonctionne pas.

Merci d'avance,
Spatia


EDIT : Ajout des balises de code
EDIT2 : Ajout de l'image directement dans la discussion