body{
    background-color: #212121 !important; 
    
    }
;

.settings-icon  {
    width: 20%;
    height: 20%;
    top: -50%
}

button {border-style: none;}

.image{
    width:16.4%; 
    height:auto;
}


.set {
    font-family: Arial, sans-serif; /* Nastavení výchozího fontu pro celou stránku */
    margin: 0; /* Ostranění vnějšího okraje (margin) pro tělo stránky */
    display: flex; /* Použití flexboxu pro flexibilní uspořádání obsahu */
    align-items: center; /* Vyrovnání obsahu na vertikální ose */
    justify-content: center; /* Vyrovnání obsahu na horizontální ose */
    height: center; /* Nastavení výšky stránky na 100% viditelné výšky okna prohlížeče */
    background-color: #f0f0f0; /* Nastavení barvy pozadí stránky */
}

/* Styly pro kontejner obsahující tlačítka a nastavení menu */
.container {
    position: relative; /* Nastavení relativní pozice pro kontejner */
}

/* Styly pro nastavení menu */
.settings-menu {
    background-color:  #212121 ;
    display: none;
    position: absolute;
    top: 1500%; /* Upraveno pro vertikální zarovnání do středu stránky */
    left: 50%; /* Zarovnání na střed stránky horizontálně */
    transform: translate(-50%, -50%); /* Posunutí menu zpět o polovinu své šířky a výšky */
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}