.prenoms-wrapper {
  width:100%;
  text-align:center;
}

.prenom-search {
  display:block;
  margin:0 auto 20px auto;
  padding:10px 14px;
  font-size:16px;
  width:280px;
}

.prenoms-container {
  font-family:'Montserrat',sans-serif;
  font-weight:700;
  font-size:24px;
  line-height:6px;
}

.prenom {
  margin:6px;
  display:inline-block;
}

.prenom.found {
  animation: pop 0.4s ease;
}

@keyframes pop {
  0%{transform:scale(0.8);opacity:0;}
  100%{transform:scale(1);opacity:1;}
}

#confetti-canvas {
  position:fixed;
  pointer-events:none;
  top:0;left:0;width:100%;height:100%;
}

@media(max-width:768px){
  .prenoms-container{
    font-size:18px;
    line-height:6px;
  }
}