.dark_mode{justify-content:center;align-items:center;display:flex;position:relative}.dark_mode_input{display:none}.dark_mode_label{cursor:pointer;background-color:#bcbcb6;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .3s;display:flex;position:relative}.sun,.moon{transition:opacity .3s;position:absolute}.sun{opacity:0;z-index:2}.moon{opacity:1;z-index:1}.dark_mode_input:checked+.dark_mode_label .sun{opacity:1}.dark_mode_input:checked+.dark_mode_label .moon{opacity:0}