html {
    transition: all 350ms ease;
}

#themeSwitcher {
    position: fixed;
    top: 12.2rem;
    right: 2rem;
    background-color: rgb(29, 24, 24);
    color: #facccc;
    padding: 1.3rem;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
}

#themeSwitcher i {
    font-size: 1.6rem; /* Az ikon méretét növeli */
    display: flex; /* Középre helyezéshez hasznos */
    justify-content: center;
    align-items: center;
}

#dark {
    display: none;
}

.dark-mode {
    filter: invert(100%) hue-rotate(180deg);
}

.dark-mode img,
.dark-mode .keep {
    filter: invert(100%) hue-rotate(180deg);
    transition: all 360ms ease;
}

img,
.keep {
    transition: all 360ms ease;
}