* {
  margin: 0 auto;
  padding: 0;
}

body {
  background: #23262F;
  width: 100dvw;
}
body .container {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  overflow: hidden;
  height: 100dvh;
  position: relative;
}
@media screen and (max-width: 750px) and (min-width: 550px) {
  body .container {
    display: block;
  }
}
@media (max-width: 550px) {
  body .container {
    display: flex;
  }
}
body .content {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  padding-top: 10%;
  height: 100%;
  width: auto;
}
@media (max-width: 750px) {
  body .content {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50%;
  }
}
body .content .logo {
  max-width: 341px;
  margin-bottom: 60px;
}
@media (max-width: 750px) {
  body .content .logo {
    width: 100%;
  }
}
body .content .text {
  max-width: 693px;
  margin-bottom: 40px;
}
@media (max-width: 750px) {
  body .content .text {
    max-width: 100%;
    width: 100%;
  }
}
body .content .rs {
  display: flex;
  justify-content: center;
  gap: 40px;
}
body .content .rs a {
  display: block;
}
body .sphere {
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
body .sphere img {
  max-width: 1221px;
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  position: absolute;
  bottom: 0;
  margin: 0 auto;
}
@media (max-width: 500px) {
  body .sphere img {
    bottom: 0%;
    width: 800px;
    left: -60%;
  }
}

/*# sourceMappingURL=app.css.map */