html{
  height:100%;
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#ff9b9f;
  /*background:url(https://previews.123rf.com/images/udaix/udaix1702/udaix170200467/71810385-human-heart-muscle-structure-anatomy-infographic-chart-diagram-with-all-parts.jpg);*/
  background-size:cover;
  background-repeat:no-repeat;
  
}

div{
  opacity:0.7;
}

#heart{
  position:relative;
}

#aortic_arch_1{
  position:absolute;
  background:green;
  width:30px;
  height:40px;
  top:-192px;
  left:-40px;
  transform: rotate(-20deg);
  border-radius:10px 10px 10px 0px/5px 10px 10px 10px;
}

#aortic_arch_2{
  position:absolute;
  background:green;
  width:25px;
  height:45px;
  top:-195px;
  left:-7px;
  transform: rotate(9deg);
  border-radius:10px 10px 10px 0px/5px 10px 10px 10px;
}

#aortic_arch_3{
  position:absolute;
  background:darkgreen;
  width:25px;
  height:45px;
  top:-185px;
  left:11px;
  transform: rotate(9deg);
  border-radius:10px 10px 10px 0px/5px 10px 10px 10px;
  z-index:-5;
}

#aortic_arch{
  position:absolute;
  top:-160px;
  left:-74px;
  width:130px;
  height:140px;
  background:green;
  border-radius:90px 90px 90px 90px / 120px 90px 130px 70px;
  z-index:-1;
}

#ventricles{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
background: #a90329; /* Old browsers */
background: -moz-linear-gradient(-45deg, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  transform:rotate(10deg);
  width:307px;
  height:280px;
  top:-45px;
  left:-150px;
  position:absolute;
  border-radius: 85px 215px 35px 224px / 96px 175px 76px 153px;
  
}

#right_atrium{
  position:absolute;
  height:80px;
  width:160px;
  top:-25px;
  left:-190px;
  border-radius: 487px 207px 267px 72px / 384px 163px 104px 0px;
  transform:rotate(-40deg);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a01e1e+0,bf4646+48,bf4646+48,b75645+100 */
background: #a01e1e; /* Old browsers */
background: -moz-linear-gradient(45deg, #a01e1e 0%, #bf4646 48%, #bf4646 48%, #b75645 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #a01e1e 0%,#bf4646 48%,#bf4646 48%,#b75645 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #a01e1e 0%,#bf4646 48%,#bf4646 48%,#b75645 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a01e1e', endColorstr='#b75645',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#inferior_vena_cava{
  position:absolute;
  height:100px;
  width:50px;
  top:119px;
  left:-126px;
  transform:rotate(5deg);
  border-radius: 50px 50px 54px 64px / 25px 25px 34px 36px;
  z-index:-1;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#81bdf4+1,409be5+24,0a77d5+52 */
background: #81bdf4; /* Old browsers */
background: -moz-linear-gradient(top, #81bdf4 1%, #409be5 24%, #0a77d5 52%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #81bdf4 1%,#409be5 24%,#0a77d5 52%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #81bdf4 1%,#409be5 24%,#0a77d5 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81bdf4', endColorstr='#0a77d5',GradientType=0 ); /* IE6-9 */
}