.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:25vh;margin-left:3vw;margin-top:3%;min-width:4rem;width:13vw;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-size:cover;-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 .isTextHert{bottom:1vh;font-size:.4rem;position:absolute}.TheBodyHead .containerHead .cardHead .img-box{aspect-ratio:1/1;background-size:cover;border-radius:20px;-webkit-box-shadow:10px 30px 20px hsla(0,0%,8%,.2);box-shadow:10px 30px 20px #14141433;min-height:15vh;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 .text-box{bottom:20%;height:40%;opacity:0;position:absolute;text-align:center;visibility:hidden;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.TheBodyHead .containerHead .cardHead .text-box,.TheBodyHead .containerHead .cardHead .text-box div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.TheBodyHead .containerHead .cardHead .text-box div{border:1px solid var(--font-background-webkit);border-radius:20px;color:var(--font-background-webkit);font-size:.3rem;font-weight:500;height:.7rem;margin:4px;padding:4px;text-shadow:2px 2px 10px var(--font-background-webkit)}.TheBodyHead .containerHead .cardHead .bottom-nav{bottom:2%;display:none;opacity:0;position:absolute}.TheBodyHead .containerHead .cardHead:hover{background-color:var(--color-background-soft);-webkit-transform:translateY(-15%);-ms-transform:translateY(-15%);transform:translateY(-15%);z-index:300}.TheBodyHead .containerHead .cardHead:hover .img-box{border-radius:50%;-webkit-transform:translateY(-60%);-ms-transform:translateY(-60%);transform:translateY(-60%)}.TheBodyHead .containerHead .cardHead:hover .isTextHert{opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;visibility:visible}.TheBodyHead .containerHead .cardHead:hover .text-box{opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s;visibility:visible}.TheBodyHead .containerHead .cardHead:hover .bottom-nav{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s}