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