/* Flag container */
.flag-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
    gap: 5px;
    margin-top: 0;
}

/* Grid items */
.country-item {
    background-color: #eee;
    border: none;
    padding: 0;
    text-align: center;
    font-size: 2rem;
}

.country-item:hover {
    background-color: #cfe;
}

.home-flag {
  background-color: #fc7;
  transition: background-color 0.5s ease-in-out;
}

.home-flag:hover {
  background-color: #f90;
}