/*set up position of the moon icon section*/
#theme-toggler{
    position: fixed;
    top:8.5rem; right:2rem;
    z-index: 998;
    height: 5rem;
    width:5rem;
    line-height: 5rem;
    text-align: center;
    font-size: 2rem;
    background:var(--main-color);
    color:#fff;
    cursor: pointer;
    border-radius: 5rem;
}
/*set up rotation animation when change into sun of the moon icon section*/
#theme-toggler.fa-sun{
    transform:rotate(-180deg);
}