@charset "UTF-8";

section{
  height: 800px;
}

#elem0{
  height: 300px;
}
#elem1{
  position: relative;
  overflow: hidden;
  height:2000px;
}
  #elem1 .type1box,
  #elem1 .type2box,
  #elem1 .type3box
  {
    position: absolute;
    height:5000px;
    top:0px;
    left:0px;
  }

  #elem1 .type1box
  {
    z-index: 2;
    top:1500px;
  }
  #elem1 .type2box
  {
    z-index: 3;
    top:1000px;
  }
  #elem1 .type3box
  {
    z-index: 4;
  }

  #elem1 .box1{
    background-color: #D82C2E;
  }
  #elem1 .box2{
    background-color: #4D394B;
  }
  #elem1 .box3{
    background-color: #D82C2E;
  }
  #elem1 .box4{
    background-color: #0022B6;
  }
  #elem1 .box5{
    background-color: #68BE26;
  }
  #elem1 .box6{
    background-color: #272822;
  }

  #elem1 .type1{
    width: 50px;
    height: 50px;
    position: absolute;
  }
  #elem1 .type2{
    width: 150px;
    height: 150px;
    position: absolute;
  }
  #elem1 .type3{
    width: 250px;
    height: 250px;
    position: absolute;
  }