.blood-bank-main-table{position:relative;display:flex;justify-content:center;align-items:center;height:520px;margin-top:50px}#content{position:relative;margin:50px auto;width:600px;height:500px}.blood0bank-main-table-h3{position:absolute;top:0;left:0}#blood_selector{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;grid-gap:5px;width:200px;height:100px;position:absolute;left:10px;top:45px;z-index:2}#blood_selector div{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;background-color:#f7f7f7;border:1px solid #b51e23;border-radius:25%}#blood_selector div:hover{border:1px solid #1da1f2;font-weight:700;cursor:pointer}#blood_content{top:50px}#blood_content,#center_via_c{position:absolute;width:100%;height:100%}#center_via_c{z-index:1}#center_via_c .center_via{width:8px;background:#ccc;height:200px;position:absolute;left:300px;top:260px}#center_via_c .blood_via{height:0;background-color:#b51e23;right:50%;width:8px;transition:height .25s}.bar{position:fixed;right:0;top:55px;width:55%;height:8px;border-radius:2px 0 0 2px;background-color:#ccc}.main_bag{position:absolute;width:100px;height:140px;top:70px;left:250px;border-radius:30px;opacity:.8;background-color:rgba(154,207,234,.9);border:8px solid rgba(154,207,234,.9)}.main_bag .blood{position:absolute;left:0;bottom:0;width:100%;height:100px;background-color:#b51e23;border-radius:0 0 35px 35px;transition:height 1s}.main_bag .blood:before{content:"";position:absolute;top:-6px;width:100%;height:10px;background-color:#92191b;border-radius:100%}.main_bag:before{content:"";position:absolute;top:-118px;left:45%;width:10%;height:110px;background-color:#ccc}#humans{position:absolute;top:261px;width:400px;height:200px;left:108px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr)}#humans .human{position:relative}#humans .human .via{position:absolute;text-align:right;width:100%;height:8px;background-color:#ccc;bottom:0}#humans .human .blood_via{position:absolute;height:8px;background-color:#b51e23;width:0;bottom:0;transition:width 1s}#humans .human.left{display:grid;justify-content:left;align-content:center}#humans .human.left .blood_via{right:0}#humans .human.left .scribble{left:-30px}#humans .human.left .scribble span{left:-40px;text-align:right}#humans .human.right{display:grid;justify-content:right;align-content:center}#humans .human.right .scribble{right:-60px}#humans .human.right .scribble span{right:-10px}#humans .human .scribble{position:absolute;height:50px;width:50px;top:0;transition:background 1s}#humans .human .scribble span{position:absolute;display:grid;align-items:end;height:100%}#humans .human .scribble .head{width:30%;border-radius:50%;margin:2px auto;top:30%;left:5%}#humans .human .scribble .body,#humans .human .scribble .head{height:30%;background-color:#666;transition:background 1s;position:absolute}#humans .human .scribble .body{bottom:0;width:40%;border-radius:50% 50% 0 0;margin:0 auto}.no_transition{transition:none!important}.highlight{border:2px solid #b51e23!important}.highlight,.highlightText{font-weight:700}@media only screen and (max-width:400px){#content{position:relative;margin:2px auto;width:300px;height:400px}#content h3{top:0;font-size:1em}#content #blood_selector{width:150px;height:75px;font-size:.75em;top:40px;left:-23px}#content .bar{top:40px}#content .main_bag{width:75px;height:120px;left:125px}#content .main_bag:before{top:-108px;height:100px}#content .main_bag .blood{height:70%}#content #center_via_c .center_via{left:160px;top:240px}#content #humans{top:240px;width:180px;left:67px}}