:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
}

.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  position: relative;
  width: 1920px;
  height: 3176px;
  margin: 0 auto;
  background: url(./507ca3c7-718b-49eb-be96-13a0ee3fbaf0.png);
  overflow: hidden;
}
.back {
  position: absolute;
  width: 1920px;
  height: 3176px;
  top: 0;
  left: 0;
  background: url(./507ca3c7-718b-49eb-be96-13a0ee3fbaf0.png)
    no-repeat center;
  background-size: cover;
}
.flex-row-ab {
  position: absolute;
  height: 1123px;
  top: 0;
  right: 10.999px;
  left: 124px;
  z-index: 10;
}
.vector {
  position: absolute;
  width: 813.894px;
  height: 324.137px;
  top: 0;
  left: 964.499px;
  background: url(./32f0b3d8-c57e-4bba-9748-16cd0edf441d.png)
    no-repeat center;
  background-size: cover;
  z-index: 5;
}
.vector-1 {
  position: absolute;
  width: 813.894px;
  height: 324.637px;
  top: 177.143px;
  left: 965.499px;
  background: url(./6b7768cd-4c68-43fd-9a9a-632e75d96f28.png)
    no-repeat center;
  background-size: cover;
  z-index: 4;
}
.vector-2 {
  position: absolute;
  width: 813.894px;
  height: 324.637px;
  top: 339.472px;
  left: 971.604px;
  background: url(./7591041a-8167-471f-aa0b-d4cb1143b04d.png)
    no-repeat center;
  background-size: cover;
  z-index: 3;
}
.vector-3 {
  position: absolute;
  width: 813.894px;
  height: 324.637px;
  top: 538.555px;
  left: 971.604px;
  background: url(./26511540-e1e2-4f3a-a906-227dce2c5f3a.png)
    no-repeat center;
  background-size: cover;
  z-index: 2;
}
.logo-somnia-footer {
  position: absolute;
  width: 1672px;
  height: 376px;
  top: 345px;
  left: 50%;
  transform: translate(-53.38%, 0);
  z-index: 84;
  overflow: hidden;
}
.group {
  position: relative;
  width: 1672.047px;
  height: 374.135px;
  margin: 0.93px 0 0 -0.05px;
  background: url(./118c5533-4f8a-4d2e-84fe-80490ca80417.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 11;
}
.flex-row-fa {
  position: absolute;
  top: 740.692px;
  right: 0;
  bottom: 0;
  left: 45px;
  z-index: 83;
}
.vector-4 {
  position: absolute;
  width: 795.059px;
  height: 324.637px;
  top: -0.5px;
  left: 1056.499px;
  background: url(./700fc988-3a19-4bd7-a297-7d5a3dfd6a21.png)
    no-repeat center;
  background-size: cover;
  z-index: 9;
}
.vector-5 {
  position: absolute;
  width: 795.059px;
  height: 324.637px;
  top: 160.808px;
  left: 1056.499px;
  background: url(./764f63f8-2ccc-4196-bbdc-09b8796559c3.png)
    no-repeat center;
  background-size: cover;
  z-index: 8;
}
.vector-6 {
  position: absolute;
  width: 795.059px;
  height: 324.637px;
  top: 338.451px;
  left: 1057.49px;
  background: url(./7a1d78c7-9735-4256-bd12-472895617e97.png)
    no-repeat center;
  background-size: cover;
  z-index: 7;
}
.vector-7 {
  position: absolute;
  width: 795.059px;
  height: 324.637px;
  top: 500.78px;
  left: 1063.438px;
  background: url(./a10f7e21-c4ad-4364-b270-5d754d234158.png)
    no-repeat center;
  background-size: cover;
  z-index: 6;
}
.vector-8 {
  position: absolute;
  width: 74px;
  height: 40px;
  top: 150px;
  left: 50%;
  background: url(./b1d245ba-f325-4887-8c6c-b5628e245876.png)
    no-repeat center;
  background-size: 100% 100%;
  transform: translate(-79.73%, 0);
  z-index: 13;
}
.vector-9 {
  position: absolute;
  width: 795.059px;
  height: 324.637px;
  top: 662.079px;
  left: 1069.438px;
  background: url(./8017247c-83f4-45f8-adb0-a1a58f6c3f37.png)
    no-repeat center;
  background-size: cover;
  z-index: 1;
}
.figures {
  position: absolute;
  width: 820px;
  height: 1024px;
  top: 847.308px;
  left: 1055px;
  background: url(./2455b3e2-907e-411e-813e-441aaadd923f.png)
    no-repeat center;
  background-size: cover;
  z-index: 14;
}
.logo-somnia-footer-a {
  position: absolute;
  width: 747px;
  height: 169px;
  top: 990.308px;
  left: 134px;
  background: url(./c07ea934e66f06e3184d90607a2761160bce9eda.png)
    no-repeat center;
  background-size: cover;
  z-index: 10;
}
.rectangle {
  position: absolute;
  width: 572px;
  height: 302px;
  top: 1302.308px;
  left: 9px;
  background: #000000;
  z-index: 20;
  border-radius: 10px;
}
.imagine-world-app {
  position: relative;
  width: 492px;
  height: 135px;
  margin: 40px 0 0 40px;
  font-family: Poppins, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  z-index: 21;
}
.imagine {
  position: relative;
  color: #d2d2d2;
  font-family: Poppins, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
}
.empty-space {
  position: relative;
  color: #ffffff;
  font-family: Poppins, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
}
.imagine-b {
  position: relative;
  color: #d2d2d2;
  font-family: Poppins, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
}
.vector-c {
  position: relative;
  width: 14px;
  height: 7.25px;
  margin: 2.266px 0 0 52px;
  background: url(./658782d9-1f83-47fc-ae1c-8eb729179d47.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 42;
}
.rectangle-d {
  position: relative;
  width: 184px;
  height: 48px;
  margin: 29.485px 0 0 40px;
  background: #d9d9d9;
  z-index: 25;
  border-radius: 9px;
}
.join-airdrop {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 30px;
  top: 9px;
  left: 18px;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  z-index: 26;
  cursor: pointer;

}
.svgviewer-output {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 12px;
  left: 142px;
  z-index: 27;
  overflow: hidden;
}
.vector-e {
  position: relative;
  width: 9px;
  height: 16px;
  margin: 4px 0 0 9px;
  background: url(./13f9179c-f9e0-4225-a550-ec0d71910520.png)
    no-repeat center;
  background-size: 100% 100%;
  z-index: 28;
}
.rectangle-f {
  position: absolute;
  width: 463px;
  height: 955px;
  top: 1302.308px;
  left: 627px;
  font-size: 0px;
  background: #000000;
  z-index: 30;
  border-radius: 10px;
}
.somnia {
  display: block;
  position: relative;
  height: 44px;
  margin: 25px 0 0 40px;
  color: #ffffff;
  font-family: Poppins, var(--default-font-family);
  font-size: 40px;
  font-weight: 700;
  line-height: 44px;
  text-align: left;
  white-space: nowrap;
  z-index: 33;
}
.evm-layer-protocols {
  position: relative;
  width: 383px;
  height: 216px;
  margin: 40px 0 0 40px;
  font-family: Poppins, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  z-index: 31;
}
.evm-layer-protocols-10 {
  position: relative;
  color: #d2d2d2;
  font-family: Poppins, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
}
.dot {
  position: relative;
  color: #d2d2d2;
  font-family: Poppins, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  letter-spacing: 2.16px;
}
.blockchain-digital-ecosystem {
  position: relative;
  width: 383px;
  height: 576px;
  margin: 23px 0 0 40px;
  font-family: Poppins, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  z-index: 32;
}
.an {
  position: relative;
  color: #d2d2d2;
  font-family: Poppins, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
}
.advanced {
  position: relative;
  color: #d2d2d2;
  font-family: Poppins, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
}
.layer-blockchain-designed {
  position: relative;
  color: #d2d2d2;
  font-family: Poppins, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
}
.rectangle-11 {
  position: absolute;
  width: 251px;
  height: 155px;
  top: 1650.308px;
  left: 9px;
  font-size: 0px;
  background: #000000;
  z-index: 34;
  border-radius: 10px;
}
.subscribe-newsletter {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 211px;
  height: 60px;
  margin: 20px 0 0 20px;
  color: #ffffff;
  font-family: Poppins, var(--default-font-family);
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  z-index: 37;
}
.rectangle-button {
  position: relative;
  width: 202px;
  height: 35px;
  margin: 20px 0 0 20px;
  cursor: pointer;
  background: #d9d9d9;
  border: none;
  z-index: 40;
  border-radius: 10px;
}
.email-address {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 20px;
  top: 7px;
  left: 11px;
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 13px;
  font-weight: 300;
  line-height: 19.5px;
  text-align: left;
  white-space: nowrap;
  z-index: 41;
}
.rectangle-12 {
  position: absolute;
  width: 54px;
  height: 19px;
  top: 8px;
  left: 143px;
  background: #000000;
  z-index: 43;
  border-radius: 10px;
}
.subscribe {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 12px;
  top: 4px;
  left: 7px;
  color: #ffffff;
  font-family: Poppins, var(--default-font-family);
  font-size: 8px;
  font-weight: 300;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 44;
}
.alternate-email {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 12px;
  left: 25px;
  z-index: 38;
  overflow: hidden;
}
.rectangle-13 {
  position: absolute;
  width: 294px;
  height: 200px;
  top: 50%;
  left: 50%;
  background: #000000;
  transform: translate(-221.26%, 216.33%);
  z-index: 45;
  border-radius: 10px;
}
.flex-column-c {
  position: absolute;
  width: 200px;
  height: 152px;
  top: 50%;
  left: 50%;
  font-size: 0px;
  transform: translate(-63.5%, -52.63%);
  z-index: 49;
}
.claim-somnia-nft {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  width: 200px;
  height: 84px;
  margin: 0 0 0 0;
  color: #d2d2d2;
  font-family: Poppins, var(--default-font-family);
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
  text-align: left;
  z-index: 47;
  cursor: pointer;
}
.rectangle-14 {
  position: relative;
  width: 112px;
  height: 48px;
  margin: 20px 0 0 0;
  background: #d9d9d9;
  z-index: 49;
  border-radius: 9px;
  cursor: pointer;
}
.claim {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 30px;
  top: calc(50% - 15px);
  left: calc(50% - 38px);
  color: #000000;
  font-family: Poppins, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  white-space: nowrap;
  z-index: 50;
}
.svgviewer-output-15 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 12px;
  left: 79px;
  z-index: 51;
  overflow: hidden;
}
.vector-16 {
  position: relative;
  width: 9px;
  height: 16px;
  margin: 4px 0 0 6px;
  background: url(./7f7004fb-0d98-4f91-8ad2-e5e055c923c7.png)
    no-repeat center;
  background-size: cover;
  z-index: 52;
}
.group-17 {
  position: absolute;
  width: 58px;
  height: 57.797px;
  top: 50%;
  left: 50%;
  background: url(./0fd05a41-291e-4b0a-ad0a-1e1083ba271b.png)
    no-repeat center;
  background-size: cover;
  transform: translate(115.52%, 34.6%);
  z-index: 46;
}
.vector-18 {
  position: absolute;
  width: 795.059px;
  height: 324.637px;
  top: 1748.808px;
  left: 1067.499px;
  background: url(./0df290e5-6c83-4117-bf90-d995497e6dfd.png)
    no-repeat center;
  background-size: cover;
  z-index: 18;
}
.rectangle-19 {
  position: absolute;
  width: 251px;
  height: 166px;
  top: 50%;
  left: 50%;
  background: #000000;
  transform: translate(-369.92%, 359.43%);
  z-index: 35;
  border-radius: 10px;
}
.join-telegram-channel {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  width: 184px;
  height: 126px;
  top: calc(50% - 63px);
  left: calc(50% - 105.5px);
  color: #d9d9d9;
  font-family: Poppins, var(--default-font-family);
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
  text-align: left;
  z-index: 36;
  cursor: pointer;
}
.vector-1a {
  position: absolute;
  width: 30.667px;
  height: 15.587px;
  top: 118px;
  left: 143px;
  background: url(./43c7c567-f027-4a60-9bfd-52481c0c0ab5.png)
    no-repeat center;
  background-size: cover;
  z-index: 59;
}
.rectangle-1b {
  position: absolute;
  width: 294px;
  height: 104px;
  top: 50%;
  left: 50%;
  cursor: pointer;
  background: #000000;
  border: none;
  transform: translate(-221.26%, 616.97%);
  z-index: 53;
  border-radius: 10px;
}
.group-1c {
  position: absolute;
  width: 58px;
  height: 57.797px;
  top: 50%;
  left: 50%;
  background: url(./4ab8e4b8-e5db-44b7-bda1-b642dbd6baef.png)
    no-repeat center;
  background-size: cover;
  transform: translate(-213.79%, -50.17%);
  z-index: 54;
}
.devkit-on {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 43px;
  top: calc(50% - 17px);
  left: calc(50% - 37px);
  color: #ffffff;
  font-family: Poppins, var(--default-font-family);
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  text-align: left;
  white-space: nowrap;
  z-index: 55;
}
.github {
  position: absolute;
  width: 19px;
  height: 19px;
  top: 43px;
  left: 235px;
  z-index: 56;
  overflow: hidden;
}
.vector-1d {
  position: relative;
  width: 19px;
  height: 18.531px;
  margin: 0 0 0 0;
  background: url(./60560df1-0421-44b4-8640-a92ea80afbe6.png)
    no-repeat center;
  background-size: cover;
  z-index: 57;
}
.vector-1e {
  position: absolute;
  width: 795.059px;
  height: 324.637px;
  top: 1910.117px;
  left: 1067.499px;
  background: url(./cbdbba46-437e-447f-83e2-d3a237fe3855.png)
    no-repeat center;
  background-size: cover;
  z-index: 17;
}
.vector-1f {
  position: absolute;
  width: 795.059px;
  height: 324.637px;
  top: 2087.759px;
  left: 1068.49px;
  background: url(./f7f02c86-6247-49a7-a162-120928da4e87.png)
    no-repeat center;
  background-size: cover;
  z-index: 16;
}
.instagram-line {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 2166.308px;
  left: 197px;
  z-index: 62;
  overflow: hidden;
}
.github-20 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 2166.308px;
  left: 204px;
  z-index: 60;
  overflow: hidden;
}
.baseline-reddit {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  z-index: 61;
  overflow: hidden;
}
.rectangle-21 {
  position: absolute;
  width: 478px;
  height: 86px;
  top: 50%;
  left: 50%;
  background: #000000;
  transform: translate(-196.13%, 1269.37%);
  z-index: 63;
  border-radius: 10px;
  
}
.baseline-telegram {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-816.67%, -50%);
  z-index: 65;
  overflow: hidden;
}
.vector-22 {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 2px 0 0 2px;
  background: url(./359c48c0-7ad6-4e98-b96d-32f513748cbf.png)
    no-repeat center;
  background-size: cover;
  z-index: 66;
}
.youtube {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-233.33%, -50%);
  z-index: 72;
  overflow: hidden;
}
.vector-23 {
  position: relative;
  width: 20px;
  height: 14px;
  margin: 5px 0 0 2px;
  background: url(./d4048c11-ea98-4b50-8025-737499025534.png)
    no-repeat center;
  background-size: cover;
  z-index: 73;
}
.vector-24 {
  position: absolute;
  width: 26.667px;
  height: 20px;
  top: 50%;
  left: 50%;
  background: url(./c4146b03-cf43-4764-9eef-f2215168d42b.png)
    no-repeat center;
  background-size: cover;
  transform: translate(67.5%, -50%);
  z-index: 71;
}
.vector-25 {
  position: absolute;
  width: 26.667px;
  height: 19.515px;
  top: 50%;
  left: 50%;
  background: url(./7b652a19-bb90-4825-b83f-4e7d14d4f4a1.png)
    no-repeat center;
  background-size: cover;
  transform: translate(356.25%, -51.24%);
  z-index: 69;
}
.vector-26 {
  position: absolute;
  width: 27.999px;
  height: 16.004px;
  top: 50%;
  left: 50%;
  background: url(./7103ca6e-dfd1-4b6c-a5cd-322744c70c80.png)
    no-repeat center;
  background-size: cover;
  transform: translate(614.3%, -49.99%);
  z-index: 70;
}
.pajamas-twitter {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  transform: translate(-762.5%, -50%);
  z-index: 67;
  overflow: hidden;
}
.vector-27 {
  position: relative;
  width: 13.601px;
  height: 14px;
  margin: 1px 0 0 1.2px;
  background: url(./143b46e1-ec01-488d-ad7e-6ca191591b6a.png)
    no-repeat center;
  background-size: cover;
  z-index: 68;
}
.rectangle-28 {
  position: absolute;
  width: 615px;
  height: 52px;
  top: 2383.308px;
  left: 543px;
  background: rgba(0, 0, 0, 0.74);
  z-index: 74;
}
.somnia-labs {
  position: absolute;
  width: 258px;
  height: 21px;
  top: 18px;
  left: 31px;
  font-family: Poppins, var(--default-font-family);
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 79;
}
.somnia-29 {
  position: relative;
  color: #ffffff;
  font-family: Poppins, var(--default-font-family);
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  text-align: left;
}
.somnia-labs-all-rights {
  position: relative;
  color: #ffffff;
  font-family: Poppins, var(--default-font-family);
  font-size: 10px;
  font-weight: 300;
  line-height: 21px;
  text-align: left;
}
.empty {
  position: relative;
  color: #ffffff;
  font-family: Poppins, var(--default-font-family);
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  text-align: left;
}
.terms-of-service {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 15px;
  top: 21px;
  left: 331px;
  color: #ffffff;
  font-family: Poppins, var(--default-font-family);
  font-size: 10px;
  font-weight: 300;
  line-height: 15px;
  text-align: left;
  white-space: nowrap;
  z-index: 75;
  cursor: pointer;
}
.privacy-policy {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 15px;
  top: 21px;
  left: 421px;
  color: #ffffff;
  font-family: Poppins, var(--default-font-family);
  font-size: 10px;
  font-weight: 300;
  line-height: 15px;
  text-align: left;
  white-space: nowrap;
  z-index: 76;
  cursor: pointer;
}
.bd-enquires {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 15px;
  top: 21px;
  left: 526px;
  color: #ffffff;
  font-family: Poppins, var(--default-font-family);
  font-size: 10px;
  font-weight: 300;
  line-height: 15px;
  text-align: left;
  white-space: nowrap;
  z-index: 78;
  cursor: pointer;
}
.blog {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 15px;
  top: 21px;
  left: 496px;
  color: #ffffff;
  font-family: Poppins, var(--default-font-family);
  font-size: 10px;
  font-weight: 300;
  line-height: 15px;
  text-align: left;
  white-space: nowrap;
  z-index: 77;
  cursor: pointer;
}
.line {
  position: absolute;
  width: 1px;
  height: 14px;
  top: 22px;
  left: 416px;
  background: url(./7c515a78-b020-47a0-a7d9-384a314e84a3.png)
    no-repeat center;
  background-size: cover;
  z-index: 80;
}
.line-2a {
  position: absolute;
  width: 1px;
  height: 14px;
  top: 22px;
  left: 491px;
  background: url(./b736f2e2-5a3b-4d10-a581-ff1bab6931af.png)
    no-repeat center;
  background-size: cover;
  z-index: 81;
}
.line-2b {
  position: absolute;
  width: 1px;
  height: 14px;
  top: 22px;
  left: 521px;
  background: url(./2c441329-b069-4166-890a-4324e6a37442.png)
    no-repeat center;
  background-size: cover;
  z-index: 82;
}
.vector-2c {
  position: absolute;
  width: 795.059px;
  height: 185.22px;
  top: 2990.78px;
  left: 1119.438px;
  background: url(./d2425432-a930-4db0-b619-c436f62f6112.png)
    no-repeat center;
  background-size: cover;
  z-index: 15;
}
html, body {
  margin: 0;
  padding: 0;
  height: auto; /* Убедитесь, что высота автоматически подстраивается под контент */
  width: 100%;
  overflow: auto; /* Используйте auto для создания прокрутки только при необходимости */
  user-select: none;
}


body {
  overflow-x: hidden;
}
/* Убираем подчеркивание у всех гиперссылок на странице */
a {
  text-decoration: none;
}

/* Убираем подчеркивание у всех гиперссылок внутри всех элементов с классом .main-container */
.main-container a {
  text-decoration: none;
}
/* Стиль для кнопки с плавным переходом */
.rectangle-d {
  background-color: #ffffff; /* Начальный цвет фона */
  transition: background-color 0.3s ease; /* Плавный переход цвета фона за 0.3 секунды */
}

/* Изменение цвета фона кнопки при наведении */
.rectangle-d:hover {
  background-color: #9a95ca; /* Новый цвет фона при наведении */
}
.rectangle-14 {
  background-color: #ffffff; /* Начальный цвет фона */
  transition: background-color 0.3s ease; /* Плавный переход цвета фона за 0.3 секунды */
}

/* Изменение цвета фона кнопки при наведении */
.rectangle-14:hover {
  background-color: #9a95ca; /* Новый цвет фона при наведении */
}
@keyframes gradient-text {
  0% {
      background-position: 0% 0%;
  }
  100% {
      background-position: 100% 100%;
  }
}

@keyframes gradient-text {
  0% {
      background-position: 0% 0%;
  }
  100% {
      background-position: 100% 100%;
  }
}

@keyframes gradient-text {
  0% {
      background-position: 0% 0%;
  }
  50% {
      background-position: 100% 100%;
  }
  100% {
      background-position: 0% 0%;
  }
}

.imagine {
  background: linear-gradient(45deg, #ff6600, #00ccff); /* Градиентный фон */
  background-size: 200% 200%; /* Размер фона для анимации */
  color: transparent; /* Прозрачный цвет текста */
  -webkit-background-clip: text; /* Заливка текста градиентом для Webkit браузеров */
  background-clip: text; /* Заливка текста градиентом */
  animation: gradient-text 6s ease infinite; /* Анимация градиента с увеличенным временем */
}
.logo-somnia-footer {
  background: linear-gradient(45deg, #ff6600, #00ccff); /* Градиентный фон */
  background-size: 200% 200%; /* Размер фона для анимации */
  color: transparent; /* Прозрачный цвет текста */
  -webkit-background-clip: text; /* Заливка текста градиентом для Webkit браузеров */
  background-clip: text; /* Заливка текста градиентом */
  animation: gradient-text 6s ease infinite; /* Анимация градиента с увеличенным временем */
}

.empty {
  display: inline; /* Убедитесь, что пробел отображается корректно */
}
body {
  overflow-x: hidden;
  /* Эта строчка ниже просто скрывает сам скроллбар */
  -ms-overflow-style: none;  /* Для Internet Explorer и Edge */
  scrollbar-width: none; /* Для Firefox */
}

body::-webkit-scrollbar {
  display: none; /* Для Chrome, Safari и Edge */
}

html, body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
}

* {
  box-sizing: border-box;
}

.container {
  max-width: 100%;
  overflow-x: hidden;
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px); /* Измените значение для регулировки амплитуды */
  }
  100% {
    transform: translateY(0);
  }
}
.vector-8 {
  animation: float 3s ease-in-out infinite;
}
.vector-8 {
  position: relative; /* Убедитесь, что элемент видим и доступен для кликов */
  z-index: 1000; /* Убедитесь, что элемент находится поверх других */
  cursor: pointer; /* Показывает, что элемент кликабелен */
}