body{
  background:white;
}

h1 {
  display: fixed;
  top:10px;
  left:calc(50% - 220px);
  color: #aa8f7b;
  font-family: 'Josefin Sans', sans-serif;
  position: absolute;
}

#tree{
    width:700px;
    position:fixed;
    bottom:0vh;
    left:calc(50% - 350px);
  }

#second{
  width:100px;
  height:100px;
  position:fixed;
  background:transparent;
  transform:translateY(-50%);
  transform:rotate(-10deg);
  left: calc(25vw - 0px);
  transition: 1000ms linear;
}

#second2{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  transform:translateY(-50%);
  transform:rotate(-15deg);
  left: calc(30vw - 0px);
  transition: 1000ms linear;
}

#second3{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  transform:translateY(-50%);
  transform:rotate(15deg);
  left: calc(35vw - 0px);
  transition: 1000ms linear;
}

#second4{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  transform:translateY(-50%);
  transform:rotate(25deg);
  left: calc(40vw - 0px);
  transition: 1000ms linear;
}

#second5{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  transform:translateY(-50%);
  transform:rotate(40deg);
  left: calc(50vw - 0px);
  transition: 1000ms linear;
}

#second6{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  transform:translateY(-50%);
  transform:rotate(-30deg);
  left: calc(55vw - 0px);
  transition: 1000ms linear;
}

#second7{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  transform:translateY(-50%);
  transform:rotate(-60deg);
  left: calc(65vw - 0px);
  transition: 1000ms linear;
}

#second13{
  width:100px;
  height:100px;
  position:fixed;
  background:transparent;
  transform:translateY(-50%);
  transform:rotate(-120deg);
  left: calc(22vw - 0px);
  transition: 1000ms linear;
}

#second14{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  transform:translateY(-50%);
  transform:rotate(-30deg);
  left: calc(20vw - 0px);
  transition: 1000ms linear;
}

#second15{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  transform:translateY(-50%);
  left: calc(30vw - 0px);
  transition: 1000ms linear;
}

#second16{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  transform:translateY(-50%);
  left: calc(40vw - 0px);
  transition: 1000ms linear;
}

#second17{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  transform:translateY(-50%);
  left: calc(50vw - 0px);
  transition: 1000ms linear;
}

#second18{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:40%;
  transform:translateY(-50%);
  left: calc(60vw - 0px);
  transition: 1000ms linear;
}

#second19{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  transform:translateY(-50%);
  left: calc(70vw - 0px);
  transition: 1000ms linear;
}

#second25{
  width:100px;
  height:100px;
  position:fixed;
  background:transparent;
  transform:translateY(-50%);
  transform:rotate(-120deg);
  left: calc(27vw - 0px);
  transition: 1000ms linear;
}

#second26{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  transform:translateY(-50%);
  transform:rotate(-30deg);
  left: calc(24vw - 0px);
  transition: 1000ms linear;
}

#second27{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  transform:translateY(-50%);
  left: calc(34vw - 0px);
  transition: 1000ms linear;
}

#second28{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  transform:translateY(-50%);
  top:15%;
  left: calc(40vw - 0px);
  transition: 1000ms linear;
}

#second29{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  transform:translateY(-50%);
  top:15%;
  left: calc(50vw - 0px);
  transition: 1000ms linear;
}

#second30{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:15%;
  transform:translateY(-50%);
  left: calc(60vw - 0px);
  transition: 1000ms linear;
}

#second31{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:20%;
  transform:translateY(-50%);
  left: calc(70vw - 0px);
  transition: 1000ms linear;
}

#second39{
  width:100px;
  height:100px;
  position:fixed;
  background:transparent;
  top:60%;
  transform:translateY(-50%);
  transform:rotate(-120deg);
  left: calc(20vw - 0px);
  transition: 1000ms linear;
}

#second40{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:65%;
  transform:translateY(-50%);
  transform:rotate(-30deg);
  left: calc(15vw - 0px);
  transition: 1000ms linear;
}

#second41{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:60%;
  transform:translateY(-50%);
  left: calc(30vw - 0px);
  transition: 1000ms linear;
}

#second42{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:65%;
  transform:translateY(-50%);
  left: calc(40vw - 0px);
  transition: 1000ms linear;
}

#second43{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:60%;
  transform:translateY(-50%);
  left: calc(50vw - 0px);
  transition: 1000ms linear;
}

#second44{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:65%;
  transform:translateY(-50%);
  left: 60vw;
  transition: 1000ms linear;
}

#second62{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:68%;
  transform:translateY(-50%);
  left: calc(70vw - 0px);
  transition: 1000ms linear;
}

#second63{
  width:100px;
  height:100px;
  position:fixed;
  background:transparent;
  top:60%;
  transform:translateY(-50%);
  transform:rotate(-120deg);
  left: calc(20vw - 0px);
  transition: 1000ms linear;
}

#second64{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:65%;
  transform:translateY(-50%);
  transform:rotate(-30deg);
  left: calc(15vw - 0px);
  transition: 1000ms linear;
}

#second65{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:60%;
  transform:translateY(-50%);
  left: calc(30vw - 0px);
  transition: 1000ms linear;
}

#second66{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:65%;
  transform:translateY(-50%);
  left: calc(40vw - 0px);
  transition: 1000ms linear;
}

#second67{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:60%;
  transform:translateY(-50%);
  left: calc(50vw - 0px);
  transition: 1000ms linear;
}

#second68{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:65%;
  transform:translateY(-50%);
  left: 60vw;
  transition: 1000ms linear;
}

#second69{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:68%;
  transform:translateY(-50%);
  left: calc(70vw - 0px);
  transition: 1000ms linear;
}


#second8{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:60%;
  transform:translateY(-50%);
  left: calc(18vw - 0px);
  transition: 1000ms linear;
}

#second9{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:60%;
  transform:translateY(-50%);
  left: calc(30vw - 0px);
  transition: 1000ms linear;
}

#second10{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:60%;
  transform:translateY(-50%);
  left: calc(50vw - 0px);
  transition: 1000ms linear;
}

#second11{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:60%;
  transform:translateY(-50%);
  left: calc(70vw - 0px);
  transition: 1000ms linear;
}

#second12{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:60%;
  transform:translateY(-50%);
  left: calc(80vw - 0px);
  transition: 1000ms linear;
}

#second20{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:20%;
  transform:translateY(-50%);
  left: calc(22vw - 0px);
  transition: 1000ms linear;
}

#second21{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:25%;
  transform:translateY(-50%);
  left: calc(35vw - 0px);
  transition: 1000ms linear;
}

#second22{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:20%;
  transform:translateY(-50%);
  left: calc(50vw - 0px);
  transition: 1000ms linear;
}

#second23{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:25%;
  transform:translateY(-50%);
  left: calc(70vw - 0px);
  transition: 1000ms linear;
}

#second24{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:20%;
  transform:translateY(-50%);
  left: calc(60vw - 0px);
  transition: 1000ms linear;
}

#second32{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:38%;
  transform:translateY(-50%);
  left: calc(22vw - 0px);
  transition: 1000ms linear;
}

#second33{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:40%;
  transform:translateY(-50%);
  left: calc(35vw - 0px);
  transition: 1000ms linear;
}

#second34{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:45%;
  transform:translateY(-50%);
  left: calc(50vw - 0px);
  transition: 1000ms linear;
}

#second35{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:45%;
  transform:translateY(-50%);
  left: calc(70vw - 0px);
  transition: 1000ms linear;
}

#second36{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:40%;
  transform:translateY(-50%);
  left: calc(60vw - 0px);
  transition: 1000ms linear;
}

#second37{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:10%;
  transform:translateY(-50%);
  transform:rotate(-30deg);
  left: calc(55vw - 0px);
  transition: 1000ms linear;
}

#second38{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:15%;
  transform:translateY(-50%);
  left: calc(40vw - 0px);
  transition: 1000ms linear;
}



/* nomove */

#second46{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:60%;
  transform:translateY(-50%);
  left: calc(18vw - 0px);
  transition: 1000ms linear;
}

#second47{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:60%;
  transform:translateY(-50%);
  left: calc(30vw - 0px);
  transition: 1000ms linear;
}

#second48{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:60%;
  transform:translateY(-50%);
  left: calc(50vw - 0px);
  transition: 1000ms linear;
}

#second49{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:60%;
  transform:translateY(-50%);
  left: calc(70vw - 0px);
  transition: 1000ms linear;
}

#second50{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:60%;
  transform:translateY(-50%);
  left: calc(80vw - 0px);
  transition: 1000ms linear;
}

#second51{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:20%;
  transform:translateY(-50%);
  left: calc(40vw - 0px);
  transition: 1000ms linear;
}

#second52{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:25%;
  transform:translateY(-50%);
  left: calc(35vw - 0px);
  transition: 1000ms linear;
}

#second53{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:20%;
  transform:translateY(-50%);
  left: calc(50vw - 0px);
  transition: 1000ms linear;
}

#second54{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:25%;
  transform:translateY(-50%);
  left: calc(65vw - 0px);
  transition: 1000ms linear;
}

#second55{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:20%;
  transform:translateY(-50%);
  left: calc(60vw - 0px);
  transition: 1000ms linear;
}

#second56{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:38%;
  transform:translateY(-50%);
  left: calc(22vw - 0px);
  transition: 1000ms linear;
}

#second57{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:40%;
  transform:translateY(-50%);
  left: calc(35vw - 0px);
  transition: 1000ms linear;
}

#second58{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:45%;
  transform:translateY(-50%);
  left: calc(50vw - 0px);
  transition: 1000ms linear;
}

#second59{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:45%;
  transform:translateY(-50%);
  left: calc(62vw - 0px);
  transition: 1000ms linear;
}

#second60{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:40%;
  transform:translateY(-50%);
  left: calc(60vw - 0px);
  transition: 1000ms linear;
}

#second61{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:10%;
  transform:translateY(-50%);
  transform:rotate(-30deg);
  left: calc(55vw - 0px);
  transition: 1000ms linear;
}

#second45{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:15%;
  transform:translateY(-50%);
  left: calc(40vw - 0px);
  transition: 1000ms linear;
}

#second70{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:35%;
  transform:translateY(-50%);
  transform:rotate(-30deg);
  left: calc(75vw - 0px);
  transition: 1000ms linear;
}

#second71{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:20%;
  transform:translateY(-50%);
  left: calc(40vw - 0px);
  transition: 1000ms linear;
}

#second72{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:25%;
  transform:translateY(-50%);
  left: calc(35vw - 0px);
  transition: 1000ms linear;
}

#second73{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:20%;
  transform:translateY(-50%);
  left: calc(50vw - 0px);
  transition: 1000ms linear;
}

#second74{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:25%;
  transform:translateY(-50%);
  left: calc(65vw - 0px);
  transition: 1000ms linear;
}

#second75{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:20%;
  transform:translateY(-50%);
  left: calc(60vw - 0px);
  transition: 1000ms linear;
}

#second76{
  width:100px;
  height:100px;
  background:transparent;
  position:fixed;
  top:30%;
  transform:translateY(-50%);
  left: calc(22vw - 0px);
  transition: 1000ms linear;
}