@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');

* {
  font-family: "Libre Franklin", sans-serif;
}

body {
   width: 100vw;
   height: 100vh;
   margin: 0;
   padding: 0;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 20px;  
}

h1 {
   margin: 0;
}

div.lettercontainer {
   display: flex;
   flex-direction: row;
   gap: 10px;
}
div.letter {
   width: 50px;
   height: 50px;
   background-color: #aaaaaa;
   border-radius: 10px;
   color: #ffffff;
   text-align: center;
   vertical-align: middle;
   line-height: 50px;
}
.yellow {
   background-color: #ffc71f !important;
}
.green {
   background-color: #20d019 !important;
}