
#bodyGrad0{background: linear-gradient(rgba(0,8,41,1), rgba(0,8,41,0)); z-index:-2;}

#bodyGrad1{background: linear-gradient(rgba(43,202,255,0), rgba(43,202,255,1)); z-index:-1;position:fixed;top:50%;left:0;right:0;bottom:3rem;} 

h3{margin:2rem 0;}
#cFheader{position:absolute;height:50vh;z-index: 2;top:-1rem;left:0;right:0;overflow: hidden;}

.cellImg{background-repeat: no-repeat; background-position: 50% 50%;background-size: contain;margin:0 auto;}


#parentChild{ background-image: url(../img/parentDiagram3.png);max-height:80vh;aspect-ratio: 1;}
#ven{ background-image: url(../img/venSm.png);max-height:60vh;aspect-ratio: 1.06;}
#traits{ background-image: url(../img/traits.png);max-height:90vh;aspect-ratio: 1.32;}
#GM{ background-image: url(../img/chatFUKR.png);height:40vh;z-index:90;max-width:30rem;position: absolute;top:2rem;left:2rem; right:2rem;background-position: 50% 100%;}
#allocation{ background-image: url(../img/allocation.png);max-height:30vh;aspect-ratio: 2.3;}

.container{max-width: 80%;margin:50vh auto 4rem ;}



._4YGh2r3Z{background-image: url(../img/chatFUKR_4YGh2r3Z.png);}
._bmAHPWcR{background-image: url(../img/chatFUKR_bmAHPWcR.png);}
._Xnial58w{background-image: url(../img/chatFUKR_Xnial58w.png);}
._1TpilUeV{background-image: url(../img/chatFUKR_1TpilUeV.png);}
._XZZBPdpw{background-image: url(../img/chatFUKR_XZZBPdpw.png);}
._A8zheXY6{background-image: url(../img/chatFUKR_A8zheXY6.png);}
._7A0Mucl5{background-image: url(../img/chatFUKR_7A0Mucl5.png);}
._L4avChkq{background-image: url(../img/chatFUKR_L4avChkq.png);}

._3ZUY1V6n{background-image: url(../img/chatFUKR_3ZUY1V6n.png);}
._06Lgnd0i{background-image: url(../img/chatFUKR_06Lgnd0i.png);}
._1Qo9w85p{background-image: url(../img/chatFUKR_1Qo9w85p.png);}
._6ArlvrDO{background-image: url(../img/chatFUKR_6ArlvrDO.png);}
._FR3Hyiij{background-image: url(../img/chatFUKR_FR3Hyiij.png);}

._Cct5w32d{background-image: url(../img/chatFUKR_Cct5w32d.png);}
._DRvDd9Wu{background-image: url(../img/chatFUKR_DRvDd9Wu.png);}




.fukrBouncer{position: absolute;width:15rem;height:15rem;display:none;background-size: contain;}

h2{color:var(--pk)}

.cellHeader{padding:1rem 12rem;background-color: var(--yld)!important;}
.fullCell{background-color: var(--lyd);}

.fukrR{position: absolute;right:-2rem;top:-6rem;width:15rem;height:15rem;background-repeat: no-repeat; background-position: 50% 50%;background-size: contain;}
.fukrL{position: absolute;left:-2rem;top:-6rem;width:15rem;height:15rem;background-repeat: no-repeat; background-position: 50% 50%;background-size: contain;}
.fullCell{margin:1.5rem 0.5rem;}
body{padding:0 1rem;overflow-y: auto;overflow-x: hidden;background:url(../img/bg.png) repeat 50% 50%;background-size: 15rem;}

@media screen and (max-width: 800px){
    
    .cellHeader{padding:1rem;}
    .fukrR, .fukrL{display: none;}
    .container{max-width: 100%;}
    
}