body {
   margin: 0;
}
#bar {
   width: 100vw;
   height: 12vh;
}
#viewport {
   width: 100vw;
   height: 88vh;

   display: flex;
   align-items: center;
}

#playground {
   width: 94vw;
   height: 100%;
}

.compteur-de-kills {
   font-size: 75px;
   position: absolute;
   top: 10px;
   right: 0px;
}  

#monstre-compteur{
   width: 100px;
}  

.nombre{
   font-size: 75px;
}

#pile-de-lettres {
   font-size:xx-large;
   width: 6vw;
   height: 100%;
   position: absolute;
   bottom: 0;
   right: 0;
   display: flex;
   align-items: center;
   flex-direction: column-reverse;
}

.lettre-pile{
   width: 32px;
   height: 32px;
   font-family: "Lucida Console", "Courier New", monospace;
   border-radius: 50%;
   border-width: 40px;
   background-color: rgb(196, 253, 253);
   margin-bottom: 10px;
   text-align: center;
   box-shadow: 5px 5px 5px 5px rgb(155, 209, 209);
}