/*======================================
            Switch
=======================================
@media screen and (max-width: 800px){
    #theme-switch
    {
        transform: scale(0.7);
        width: 60px;
        height: 30px;
        background: #2d2d2d;
        border-radius: 30px;
        display: flex;
        align-items: center;
        bottom: 5%;
        right: 2%;
        position: fixed;
    }
}

.switch{
    width: 60px;
    height: 30px;
    background: #2d2d2d;
    border-radius: 30px;
    display: flex;
    align-items: center;
    bottom: 5%;
    right: 2%;
    position: fixed;
}

#mode{
    display: none;
}

#moon{
    font-size: 35px;
    color:#bdbdbd;
    margin:0px 0px 0px -13px;
    background: #484848;
    border-radius: 50%;
}

#sun{
    font-size: 35px;
    color:yellow;
    margin:0px 5px 0px 20px;
}
.switch::before{
    position: absolute;
    content: "";
    padding: 15px;
    background: #bdbdbd;
    border-radius: 50%;
    transition: 0.3s;
    transform: translateX(-12px);
    border: 6px solid #656565;
}

#mode:checked ~ .switch::before{
    transform: translateX(30px);
    background: #484848;
}
*/