.TheBodyHead{height:auto;color:var(--color-text);flex-direction:column;flex-grow:1;justify-content:space-around;align-items:center;font-size:.2rem;display:flex}.TheBodyHead .outerLayerDiv{width:100%;min-height:85vh}.TheBodyHead .containerHead{flex-wrap:wrap;justify-content:center;align-items:center;margin-top:2vw;display:flex}.TheBodyHead .containerHead .cardHead{width:13vw;height:13vw;box-shadow:inset 0 0 15px var(--shen-background-webkit);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;margin-top:3%;margin-left:3vw;transition:transform .5s,background-color .6s;display:flex;position:relative}.TheBodyHead .containerHead .cardHead .img-box{aspect-ratio:1;object-fit:cover;z-index:1;border-radius:20px;height:68%;transition:transform .5s,border-radius .5s;overflow:hidden;box-shadow:10px 30px 20px #15151533}.TheBodyHead .containerHead .cardHead .bottom-nav-wrap{flex:1;justify-content:center;align-items:center;min-height:2rem;display:flex;position:absolute;bottom:.3rem}.TheBodyHead .containerHead .cardHead .bottom-nav{opacity:0;transition:opacity .3s}.TheBodyHead .containerHead .cardHead:hover{z-index:300;background-color:var(--color-background-soft);transform:translateY(-15%)}.TheBodyHead .containerHead .cardHead:hover .img-box{border-radius:50%;transform:translateY(-60%)}.TheBodyHead .containerHead .cardHead:hover .bottom-nav{opacity:1}@media (width<=1024px) and (orientation:portrait){.TheBodyHead .outerLayerDiv{box-sizing:border-box;min-height:auto;padding:0 4vw 22vw}.TheBodyHead .containerHead{grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;gap:6vw 4vw;width:100%;margin-top:6vw;display:grid}.TheBodyHead .containerHead .cardHead{border-radius:16px;width:42vw;height:42vw;margin:0}.TheBodyHead .containerHead .cardHead .img-box{border-radius:16px;height:66%}.TheBodyHead .containerHead .cardHead .img-box--clickable{cursor:pointer}.TheBodyHead .containerHead .cardHead:hover{background-color:initial;transform:none}.TheBodyHead .containerHead .cardHead:hover .img-box{border-radius:16px;transform:none}}