.themeIcon.hide {
    visibility: hidden;
    width: 0px;
    height: 0px;
    opacity: 0;
}

.themeIcon.show {
    visibility: visible;
    width: 50px;
    height: 50px;
    opacity: 1;
    padding-right: 10px;
}

.themeIcon>svg {
    fill: var(--text-color);
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition: opacity 5s;
}

#changeTheme:hover {
    transform-origin: center;
    transform: scale(1.1);
    transition: transform 0.3s;
}


#changeTheme {
    display: flex;
}

.themeIcon>svg:hover {
    transform-origin: center;
    transform: scale(1.1);
    transition: transform 0.3s;
}