.hometbox{background:var(--bg-color); padding:20px 20px;    box-shadow: 0 1px 3px 0 rgba(32, 33, 36, 0.28); font-size:16px; margin:15px 0; border-radius:10px}
.hometbox h2{text-align:center; font-size:36px}

.homecly{display:flex; width:100%; gap:15px 20px; flex-wrap:wrap}
.homecly li{background:var(--bg-color); padding:20px 20px;    box-shadow: 0 1px 7px 0 rgba(32, 33, 36, 0.28); font-size:16px;flex:0 0 calc(100% / 4 - 20px);align-items:center; text-align:center; position:relative}
.homecly li a{color:var(--theme-color); font-size:24px}
.homecly li:hover a::before{position:absolute; content:''; inset:0}

@media (max-width: 760px){	
.hometbox,.homecly{padding:10px}
.hometbox h2{font-size:24px; }
.homecly{gap:10px 0; flex-direction:column}
.homecly li{ padding:10px;font-size:24px;flex:1;}
}