// window.onload = function () {
//     var bigboxs = document.getelementsbyclassname("centerbox")
//     var spans = document.getelementsbyclassname("centerspan")
//     var is = document.getelementbyid("centeri")
    
//     for (let i = 0; i < bigboxs.length; i++) {
//         is.style.color = '#000000';
//         spans[i].style.color = '#000000';
//     }

//     for (let i = 0; i < bigboxs.length; i++) {
//         bigboxs[i].onmouseenter  = function() {
//             is.style.color = '#ffffff';
//             spans[i].style.color = '#ffffff';
//         }
//         bigboxs[i].onmouseleave  = function() {
//             is.style.color = '#000000';
//             spans[i].style.color = '#000000';
//         }
//     }
// }