* {
  box-sizing: border-box;
}
body {
  overflow: hidden;
  background:white;
}

ul {
  margin: 0;
  padding: 0;
}


.section__nav{margin-top: 3px;}
.section__nav-item {
  width: 70%;
  margin: 0px 0;
/*  display: inline-grid;*/
/*  overflow: scroll;*/
}

.section__nav-item .section__nav-link.active > svg {

/*  stroke-width: 100px;*/
/*  stroke: rgba(255,255,255,0.3);*/
}
.section__nav-item:nth-child(0) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(50px, 10px);
          transform: scale(6) translate(50px, 10px);
}

.section__nav-item:nth-child(1) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(50px, 10px);
          transform: scale(6) translate(50px, 10px);
}

.section__nav-item:nth-child(2) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(10px, 15px);
          transform: scale(6) translate(10px, 15px);
}

.section__nav-item:nth-child(3) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(100px, -5px);
          transform: scale(6) translate(100px, -5px);
}
.section__nav-item:nth-child(4) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(80px, -5px);
          transform: scale(6) translate(80px, -5px);
}

.section__nav-item:nth-child(5) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(20px, -20px);
          transform: scale(6) translate(20px, -20px);
}

.section__nav-item:nth-child(6) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(80px, -20px);
          transform: scale(6) translate(80px, -20px);
}

.section__nav-item:nth-child(7) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(80px, -20px);
          transform: scale(6) translate(80px, -20px);
}
.section__nav-item:nth-child(8) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(80px, -20px);
          transform: scale(6) translate(80px, -20px);
}
.section__nav-item:nth-child(9) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(80px, -20px);
          transform: scale(6) translate(80px, -20px);
}
.section__nav-item:nth-child(10) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(80px, -20px);
          transform: scale(6) translate(80px, -20px);
}
.section__nav-item:nth-child(11) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(80px, -20px);
          transform: scale(6) translate(80px, -20px);
}
.section__nav-item:nth-child(12) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(80px, -20px);
          transform: scale(6) translate(80px, -20px);
}
.section__nav-item:nth-child(13) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(80px, -20px);
          transform: scale(6) translate(80px, -20px);
}
.section__nav-item:nth-child(14) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(80px, -20px);
          transform: scale(6) translate(80px, -20px);
}
.section__nav-item:nth-child(15) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(80px, -20px);
          transform: scale(6) translate(80px, -20px);
}
.section__nav-item:nth-child(16) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(80px, -20px);
          transform: scale(6) translate(80px, -20px);
}
.section__nav-item:nth-child(17) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(80px, -20px);
          transform: scale(6) translate(80px, -20px);
}
.section__nav-item:nth-child(18) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(80px, -20px);
          transform: scale(6) translate(80px, -20px);
}
.section__nav-item:nth-child(19) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(80px, -20px);
          transform: scale(6) translate(80px, -20px);
}
.section__nav-item:nth-child(20) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(80px, -20px);
          transform: scale(6) translate(80px, -20px);
}
.section__nav-item:nth-child(21) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(80px, -20px);
          transform: scale(6) translate(80px, -20px);
}
.section__nav-item:nth-child(22) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(80px, -20px);
          transform: scale(6) translate(80px, -20px);
}
.section__nav-item:nth-child(23) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(80px, -20px);
          transform: scale(6) translate(80px, -20px);
}
.section__nav-item:nth-child(24) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(80px, -20px);
          transform: scale(6) translate(80px, -20px);
}
.section__nav-item:nth-child(25) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(80px, -20px);
          transform: scale(6) translate(80px, -20px);
}
.section__nav-item:nth-child(26) .section__nav-link.active > img {
  -webkit-transform: scale(6) translate(80px, -20px);
          transform: scale(6) translate(80px, -20px);
}


.section__nav-link {
  display: block;
}

.section__nav-link 
img{
  will-change: transform, opacity, stroke;
  margin: 0 3vw;
  fill: orange;
  padding: 5px;
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}