if(hours >= 4 && hours < 7){
    document.querySelector('body').classList.add('pic_1');
    document.querySelector('body').classList.remove('pic_2');
    document.querySelector('body').classList.remove('pic_3');
    document.querySelector('body').classList.remove('pic_4');
    document.querySelector('body').classList.remove('pic_5');
    document.querySelector('body').classList.remove('pic_6');
    document.querySelector('body').classList.remove('pic_7');
}else if(hours  >= 7 && hours < 11){
    document.querySelector('body').classList.remove('pic_1');
    document.querySelector('body').classList.add('pic_2');
    document.querySelector('body').classList.remove('pic_3');
    document.querySelector('body').classList.remove('pic_4');
    document.querySelector('body').classList.remove('pic_5');
    document.querySelector('body').classList.remove('pic_6');
    document.querySelector('body').classList.remove('pic_7');
}else if(hours  >= 11 && hours < 14){
    document.querySelector('body').classList.remove('pic_1');
    document.querySelector('body').classList.remove('pic_2');
    document.querySelector('body').classList.add('pic_3');
    document.querySelector('body').classList.remove('pic_4');
    document.querySelector('body').classList.remove('pic_5');
    document.querySelector('body').classList.remove('pic_6');
    document.querySelector('body').classList.remove('pic_7');
}else if(hours  >= 14 && hours < 18){
    document.querySelector('body').classList.remove('pic_1');
    document.querySelector('body').classList.remove('pic_2');
    document.querySelector('body').classList.remove('pic_3');
    document.querySelector('body').classList.add('pic_4');
    document.querySelector('body').classList.remove('pic_5');
    document.querySelector('body').classList.remove('pic_6');
    document.querySelector('body').classList.remove('pic_7');
}else if(hours  >= 18 && hours < 20){
    document.querySelector('body').classList.remove('pic_1');
    document.querySelector('body').classList.remove('pic_2');
    document.querySelector('body').classList.remove('pic_3');
    document.querySelector('body').classList.remove('pic_4');
    document.querySelector('body').classList.add('pic_5');
    document.querySelector('body').classList.remove('pic_6');
    document.querySelector('body').classList.remove('pic_7');
}else if(hours  >= 20 && hours < 0){
    document.querySelector('body').classList.remove('pic_1');
    document.querySelector('body').classList.remove('pic_2');
    document.querySelector('body').classList.remove('pic_3');
    document.querySelector('body').classList.remove('pic_4');
    document.querySelector('body').classList.remove('pic_5');
    document.querySelector('body').classList.add('pic_6');
    document.querySelector('body').classList.remove('pic_7');
}else if(hours  >= 0 && hours < 4){
    document.querySelector('body').classList.remove('pic_1');
    document.querySelector('body').classList.remove('pic_2');
    document.querySelector('body').classList.remove('pic_3');
    document.querySelector('body').classList.remove('pic_4');
    document.querySelector('body').classList.remove('pic_5');
    document.querySelector('body').classList.remove('pic_6');
    document.querySelector('body').classList.add('pic_7');
}