:root{--item-size:120px;--item-width: 160px;--item-height: 120px}.grid-container{display:grid;justify-content:center;grid-auto-flow:dense;grid-auto-columns:var(--item-width);grid-auto-rows:var(--item-height);grid-template-columns:var(--item-width) var(--item-width) var(--item-width)}.grid-item{width:100%;display:flex;justify-content:center;align-items:center}.grid-item-a{width:90%;height:90%;position:relative}.grid-item-img{width:100%;height:100%;object-fit:cover;box-shadow:0 6px 12px #0000003d;border-radius:16px}.hover-grid-item-img{box-shadow:#0000003d 0 6px 12px;border:5px solid #009aff}.grid-item-title{background-color:#00000076;color:#f0f8ff;position:absolute;bottom:0;width:100%;text-align:center;border-radius:0 0 10px 10px;scale:1;font-size:small}.grid-item-category{grid-area:auto / auto / span 1 / span 2}.grid-item-category-child{width:95%;height:90%;background-color:#fff;border-radius:16px;display:flex;align-items:center}.grid-item-category-icon{height:100%;border-radius:16px 0 0 16px}.grid-item-category-name{width:100%;background-color:#fff;color:#0e2a4d;font-size:large;font-weight:700;padding-left:20px}.grid-item-category-child:hover{box-shadow:#0000003d 0 6px 12px;border:5px solid #009aff}.grid-item-size-l{grid-area:auto / auto / span 2 / span 2}.grid-item-size-l>a{width:95%;height:95%}.grid-item-size-xl{grid-area:auto / auto / span 3 / span 3}.grid-item-size-xl>a{width:95%;height:95%}.first-item-child{background-color:#fff;width:90%;height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:16px}.first-item-child:hover{box-shadow:#0000003d 0 6px 12px;border:5px solid #009aff}.website-name{color:#0e2a4d;font-weight:bolder}.first-item-img{width:60px}.load-more{background-color:#fff;color:#0e2a4d;width:90%;height:90%;border-radius:12px;font-size:large;font-weight:700;padding:10px}.load-more:hover{box-shadow:#0000003d 0 6px 12px;border:5px solid #009aff}.sticky-item{position:sticky;top:0;z-index:20}#home_button{width:90%;height:90%}