body {

  height: 3105px;
  background: linear-gradient(#626dc7 0%, #c6a0e9 100%);
}


@media (max-width: 1920px) {

  html {
    zoom: .89;
  }


}

@media (max-width:1680px) {

  html {
    zoom: .56;
  }

}

@media (max-width: 1441px) {

  html {
    zoom: .48;
  }

}

@media (max-width: 1202px) {

  html {
    zoom: .40;
  }

}

@media (max-width: 963px) {

  html {
    zoom: .32;
  }

}

@media (max-width: 724px) {

  html {
    zoom: .24;
  }

}

@media (max-width: 485px) {

  html {
    zoom: .16;
  }

}

@media (max-width: 246px) {

  html {
    zoom: .8;
  }

}


.container {
  display: flex;
  justify-content: center;
}


.home {
  position: fixed;
  z-index: 5;
  clip-path: circle(300px at 1% 1%);

}


#homebt {
  cursor: pointer;
}

.main-svg {
  position: absolute;
  z-index: 1;
}

.button-container {
  opacity: 0%;
  position: absolute;
  z-index: 2;

}

.anclas {
  opacity: 0%;
}