:root {
    --dark-theme-icon-filter: invert(30%);
}

[data-theme="dark"] {
    --dark-theme-icon-filter: invert(80%);
}

/*mobile first min-width sets base and content is adapted to computers.*/
@media (min-width: 100px) {
    /*Required to keep the toggle on top of the navbar when open on mobile*/
    /*#dark-theme-toggle-container {*/
    /*    position: absolute;*/
    /*    height: var(--mobile-nav-height);*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*}*/
    #dark-theme-toggle {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        /*cursor: pointer;*/
        transition: background 0.3s ease-in-out;
        /*Required so that icon is on the right side in home page*/
        margin-left: auto;
    }

    #dark-theme-toggle img {
        filter: var(--dark-theme-icon-filter);
        width: 100%;
        min-width: 25px;
        height: 100%;
    }
}

/*portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones*/
@media (min-width: 641px) {

}

/*tablet, landscape iPad, lo-res laptops ands desktops*/
@media (min-width: 961px) {

    #dark-theme-toggle {
        width: 25px;
        height: 25px;
    }

}