@import "/css/core.css";

.main {
  height: 100%;
}

#endeavors {
  background: linear-gradient(to right, hsl(271, 76%, 75%), hsl(219, 79%, 75%), hsl(328, 100%, 75%), hsl(271, 76%, 75%));
  background-size: 200%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.buttons {
  flex: 1;
  overflow: hidden;
}

#screen {
  background-image: url('/assets/screen/desktop.svg');
  position: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  z-index: -1;
}

@media (max-width: 700px) {
  #screen {
    background-image: url('/assets/screen/mobile.svg');
  }
}