.Containerdirection{direction:ltr}#content{position:relative;width:100%;height:550px}h3{position:absolute;top:0;left:0}#blood_content{top:0}#blood_content,#center_via_c{position:absolute;width:100%;height:100%}#center_via_c{z-index:1}#center_via_c .center_via{width:4px;background:#ccc;height:260px;position:absolute;left:50%;top:226px}#center_via_c .blood_via{height:0;background-color:red;right:50%;width:4px;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{overflow:hidden;position:absolute;width:100px;height:140px;top:86px;left:calc(50% - 50px);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:red;border-radius:0 0 35px 35px;transition:height 1s;display:flex;align-items:center;justify-content:center}.main_bag .blood:before{content:"";position:absolute;top:-6px;width:100%;height:10px;background-color:#92191b;border-radius:100%}#humans{position:absolute;top:226px;width:50%;height:260px;left:25%;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:4px;background-color:#ccc;bottom:0}#humans .human .blood_via{position:absolute;height:4px;background-color:red;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{width:50px;height:50px;display:flex;align-items:center;justify-content:center;left:-25px;top:37px;text-align:right;border-radius:50%;background-color:#fff;font-size:1.25rem;line-height:1.75rem;transition:all 1s ease-in-out;font-weight:600}#humans .human.right{display:grid;justify-content:right;align-content:center}#humans .human.right .scribble{right:-60px}#humans .human.right .scribble span{width:50px;height:50px;display:flex;align-items:center;justify-content:center;right:0;top:37px;text-align:right;border-radius:50%;background-color:#fff;font-size:1.25rem;line-height:1.75rem;transition:all 1s ease-in-out;font-weight:600}#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 red!important}.highlight,.highlightText{font-weight:700}.water{background:red;position:relative;top:50%;height:145%;width:200%;z-index:1000;border-radius:38%;left:-50%;transform:rotate(1turn);transition:all 1s ease;animation:wave 5s linear infinite,movetop 5s linear forwards}