.container {
    margin: 5% 5%;
    width: 90%;
    min-width: 200px;
    border-radius: 3px;
    max-width: 1400px;
    margin-left: auto !important;
    margin-right: auto !important;
}
#alfabet{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    row-gap: 14px;
    column-gap: 8px;
}
      .chip{
   background: #eff0f7;
    border-radius: 50%;
    padding: 5px;
    width: 20px;
    height: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
      }
@media screen and (max-width: 790px){
main {
    margin-top: 15px;
}
      }
@media screen and (min-width: 790px){
main {
    margin-top: 50px;
}
      }
.chip:hover {
background-color: #3279d2;
color: #fff;
      }