#iconTutorialScreen{
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  transition:1000ms;
  z-index: 4 !important;
  background-color: #82828266;
  opacity: 0;
}

#iconTutorialNetwork{
    position: absolute;
    bottom: 3.8rem;
    left: 2.5rem;
    background-color: rgba(255, 255, 255, 0.548);
    width: 1.5px;
    height: 17rem;
}

#iconTutorialNetworkRound{
    position: absolute;
    bottom: 20.5rem;
    left: 2.4rem;
    background-color: rgb(255 255 255);
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
}

#iconTutorialNetworkText{
    position: absolute;
    bottom: 20rem;
    left: 3.25rem;
}

#iconTutorialSound{
    position: absolute;
    bottom: 3.8rem;
    left: 2.7rem;
    background-color: rgba(255, 255, 255, 0.548);
    width: 1.5px;
    height: 12rem;
}
#iconTutorialSoundRound{
    position: absolute;
    bottom: 15.4rem;
    left: 2.55rem;
    background-color: rgb(255 255 255);
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
}

#iconTutorialSoundText{
    position: absolute;
    bottom: 17rem;
    left: 1.55rem;
}
#iconTutorialMap{
    position: absolute;
    bottom: 4rem;
    left: 6rem;
    background-color: rgba(255, 255, 255, 0.548);
    width: 1.5px;
    height: 7rem;
}
#iconTutorialMapRound{
    position: absolute;
    bottom: 10.6rem;
    left: 5.9rem;
    background-color: rgb(255 255 255);
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
}


#iconTutorialMapText{
    position: absolute;
    bottom: 12.4rem;
    left: 5.2rem;
}



#iconTutorialSubtitle{
    position: absolute;
    bottom: 4rem;
    left: 9.1rem;
    background-color: rgba(255, 255, 255, 0.548);
    width: 1.5px;
    height: 3rem;
}
#iconTutorialSubtitleRound{
    position: absolute;
    bottom: 6.66rem;
    left: 9rem;
    background-color: rgb(255 255 255);
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
}


#iconTutorialSubtitleText{
    position: absolute;
    bottom: 8.1rem;
    left: 8rem;
}


#iconTutorialGallery{
    position: absolute;
    top: 4.3rem;
    left: 2.5rem;
    background-color: rgba(255, 255, 255, 0.548);
    width: 1.5px;
    height: 15rem;
}

#iconTutorialGalleryRound{
    position: absolute;
    top: 19.2rem;
    left: 2.4rem;
    background-color: rgb(255 255 255);
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
}

#iconTutorialGalleryText{
    position: absolute;
    top: 20.8rem;
    left: 1.5rem;
}

#iconTutorialText{
}

.animateTutorial>#iconTutorialText{
    animation: fade0to1 1s ease-in-out;
}
.animateTutorial>#iconTutorialNetwork{
    animation: fade0to1 2s ease-in-out;
}
.animateTutorial>#iconTutorialNetworkRound{
    animation: fade0to1 2.25s ease-in-out;
}
.animateTutorial>#iconTutorialNetworkText{
    animation: fade0to1 2.75s ease-in-out;
}
.animateTutorial>#iconTutorialSound{
    animation: fade0to1 3s ease-in-out;
}
.animateTutorial>#iconTutorialSoundRound{
    animation: fade0to1 3.25s ease-in-out;
}
.animateTutorial>#iconTutorialSoundText{
    animation: fade0to1 3.75s ease-in-out;
}
.animateTutorial>#iconTutorialMap{
    animation: fade0to1 4s ease-in-out;
}
.animateTutorial>#iconTutorialMapRound{
    animation: fade0to1 4.25s ease-in-out;
}
.animateTutorial>#iconTutorialMapText{
    animation: fade0to1 4.75s ease-in-out;
}
.animateTutorial>#iconTutorialScreenBtn{
    animation: fade0to1 6s ease-in-out;
}


@-moz-keyframes fade0to1 {
    0% {
      opacity: 0;
    } 
    50% {
        opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-webkit-keyframes fade0to1 {
    0% {
        opacity: 0;
      } 
      50% {
          opacity: 0;
      }
      100% {
        opacity: 1;
      }
  }
  @-o-keyframes fade0to1 {
    0% {
        opacity: 0;
      } 
      50% {
          opacity: 0;
      }
      100% {
        opacity: 1;
      }
  }
  @keyframes fade0to1 {
    0% {
        opacity: 0;
      } 
      50% {
          opacity: 0;
      }
      100% {
        opacity: 1;
      }
  }