.scroll-menu-container{
  z-index:10;

  position:fixed;

  top:50%;

  transition-property: right;
  transition-duration: 0.3s;

  right:120px;
}

.scroll-menu{
  transform: translate(50%,-50%);

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.scroll-menu-button{
  cursor: pointer;

  transition-property: all;
  transition-duration: 0.25s;

  width:15px;
  height:15px;

  background-color: var(--secondary-color);
  opacity: 20%;
  margin:13px;

  margin-left: 0px;
  margin-right: 0px;

  border-radius: 50%;
}

.scroll-menu-button:hover{
  opacity:60%;
}

.scroll-menu-button.selected{
  opacity: 80%;

  background-color: var(--secondary-color);
}

.anchor-parent{
  width: 0px;
  height: 0px;

  position: relative;
}

.anchor{
  position:absolute;

  top:-95px;
}

@media only screen and (min-width: 0px) and (max-width: 480px){

.scroll-menu-container{
  right:20px;
}

}

@media only screen and (min-width: 480px) and (max-width: 1279px){

.scroll-menu-container{
  right:50px;
}

.anchor{
  position:relative;

  top:-80px;
}

}