.page-en,
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: none;
  text-decoration: none;
  background: none;

  -webkit-font-smoothing: antialiased;
}
.page-en,
html,
body {
  width: 100%;
}
html,
body {
  overflow-x: hidden;
}
.page-en * {
  box-sizing: border-box;
}
.page-en {
  background: var(--allback, #151515);
  border-style: solid;
  border-color: var(--black, #020202);
  border-width: 1px;
  width: 1920px;
  margin: 0 auto;
  height: 2999px;
  position: relative;
}
.footer {
  position: absolute;
  inset: 0;
}
.back-tiny {
  width: 1920px;
  height: 672px;
  position: static;
}
.rectangle-8 {
  background: var(--black, #020202);
  width: 100%;
  height: 672px;
  position: absolute;
  right: 0%;
  left: 0%;
  top: 2328px;
}
.k-and-star-1 {
  opacity: 0.39;
  width: 1740.25px;
  height: 640.57px;
  position: absolute;
  left: calc(50% - 922.06px);
  top: 2358.15px;
  object-fit: cover;
  aspect-ratio: 1740.25/640.57;
}
.thanks-for-visit-my-site {
  color: var(--white, #d2d2d2);
  text-align: left;
  font-family: var(--h1-font-family, "JetBrainsMono-Bold", sans-serif);
  font-size: var(--h1-font-size, 48px);
  font-weight: var(--h1-font-weight, 700);
  position: absolute;
  left: calc(50% - 721px);
  top: 2544px;
  width: 1230px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.footer-the-end {
  color: var(--white, #d2d2d2);
  text-align: left;
  font-family: var(--h2-font-family, "JetBrainsMono-SemiBold", sans-serif);
  font-size: var(--h2-font-size, 40px);
  font-weight: var(--h2-font-weight, 600);
  position: absolute;
  left: calc(50% - 769px);
  top: 2400px;
  width: 384px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.main {
  position: absolute;
  inset: 0;
}
.projects {
  width: 1920px;
  height: 768px;
  position: static;
}
.back-tiny2 {
  background: var(--white, #d2d2d2);
  width: 100%;
  height: 768px;
  position: absolute;
  right: 0%;
  left: 0%;
  top: 1560px;
}
.h-2 {
  color: var(--black, #020202);
  text-align: left;
  font-family: var(--h2-font-family, "JetBrainsMono-SemiBold", sans-serif);
  font-size: var(--h2-font-size, 40px);
  font-weight: var(--h2-font-weight, 600);
  position: absolute;
  left: calc(50% - 744px);
  top: 1608px;
  width: 408px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.vape-calculator {
  width: 432px;
  height: 576px;
  position: static;
}
.rectangle-18 {
  background: var(--on-black, #272727);
  border-radius: 16px;
  width: 432px;
  height: 576px;
  position: absolute;
  left: calc(50% - 720px);
  top: 1704px;
}
.vape-calculator2 {
  color: var(--white, #d2d2d2);
  text-align: left;
  font-family: var(--h4-font-family, "JetBrainsMono-Medium", sans-serif);
  font-size: var(--h4-font-size, 32px);
  font-weight: var(--h4-font-weight, 500);
  position: absolute;
  left: calc(50% - 576px);
  top: 1752px;
  width: 264px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.icon-1 {
  border-radius: 16px;
  width: 72px;
  height: 72px;
  position: absolute;
  left: calc(50% - 672px);
  top: 1752px;
  object-fit: cover;
  aspect-ratio: 1;
}
.flutter {
  width: 168px;
  height: 48px;
  position: static;
}
.rectangle-9 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 168px;
  height: 48px;
  position: absolute;
  left: calc(50% - 672px);
  top: 2016px;
}
.flutter2 {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - 636px);
  top: 2016px;
  width: 120px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flutter3 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - 660px);
  top: 2028px;
  overflow: visible;
  aspect-ratio: 1;
}
.dart {
  width: 144px;
  height: 48px;
  position: static;
}
.rectangle-92 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 144px;
  height: 48px;
  position: absolute;
  left: calc(50% - 480px);
  top: 2016px;
}
.dart2 {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - 444px);
  top: 2016px;
  width: 98px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dart3 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - 469px);
  top: 2028px;
  overflow: visible;
  aspect-ratio: 1;
}
.android {
  width: 168px;
  height: 48px;
  position: static;
}
.rectangle-93 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 168px;
  height: 48px;
  position: absolute;
  left: calc(50% - 588px);
  top: 2088px;
}
.android2 {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - 552px);
  top: 2088px;
  width: 118px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.android-24-dp-e-3-e-3-e-3-fill-0-wght-400-grad-0-opsz-24-1 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - 576px);
  top: 2100px;
  overflow: visible;
  aspect-ratio: 1;
}
.button-open-in-github {
  width: 336px;
  height: 48px;
  position: static;
}
.rectangle-21 {
  background: var(--green, #1ab717);
  border-radius: 8px;
  width: 336px;
  height: 48px;
  position: absolute;
  left: calc(50% - 672px);
  top: 2184px;
}
.open-in-github {
  color: var(--black, #020202);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - 672px);
  top: 2184px;
  width: 336px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flutter-based-fluid-calculation-app-with-material-you-3 {
  color: var(--white, #d2d2d2);
  text-align: left;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - 672px);
  top: 1872px;
  width: 336px;
  height: 96px;
}
.simple-car-sandbox {
  width: 432px;
  height: 576px;
  position: static;
}
.rectangle-182 {
  background: var(--on-black, #272727);
  border-radius: 16px;
  width: 432px;
  height: 576px;
  position: absolute;
  left: calc(50% - 192px);
  top: 1704px;
}
.flash-825476-1 {
  border-radius: 16px;
  width: 72px;
  height: 72px;
  position: absolute;
  left: calc(50% - 144px);
  top: 1752px;
  object-fit: cover;
}
.simple-car-sandbox2 {
  color: var(--white, #d2d2d2);
  text-align: left;
  font-family: var(--h4-font-family, "JetBrainsMono-Medium", sans-serif);
  font-size: var(--h4-font-size, 32px);
  font-weight: var(--h4-font-weight, 500);
  position: absolute;
  left: calc(50% - 47px);
  top: 1752px;
  width: 238px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.rectangle-212 {
  background: var(--green, #1ab717);
  border-radius: 8px;
  width: 336px;
  height: 48px;
  position: absolute;
  left: calc(50% - 144px);
  top: 2184px;
}
.open-in-new-grounds {
  color: var(--black, #020202);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - 144px);
  top: 2184px;
  width: 336px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.web {
  width: 168px;
  height: 48px;
  position: static;
}
.rectangle-94 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 168px;
  height: 48px;
  position: absolute;
  left: calc(50% - 61px);
  top: 2088px;
}
.web2 {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - 25px);
  top: 2088px;
  width: 118px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.language-50-dp-e-3-e-3-e-3-fill-0-wght-400-grad-0-opsz-48-1 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - 49px);
  top: 2100px;
  overflow: visible;
}
.unity {
  width: 168px;
  height: 48px;
  position: static;
}
.rectangle-95 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 168px;
  height: 48px;
  position: absolute;
  left: calc(50% - 144px);
  top: 2016px;
}
.unity2 {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - 104.77px);
  top: 2016px;
  width: 116.69px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.unity3 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - 132px);
  top: 2028px;
  overflow: visible;
}
.c {
  width: 144px;
  height: 48px;
  position: static;
}
.rectangle-96 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 144px;
  height: 48px;
  position: absolute;
  left: calc(50% - -48px);
  top: 2016px;
}
.c2 {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - -84px);
  top: 2016px;
  width: 96px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vector {
  width: 22px;
  height: 24.1px;
  position: absolute;
  left: calc(50% - -62px);
  top: 2027.95px;
  overflow: visible;
  aspect-ratio: 22/24.1;
}
.a-sandbox-car-simulator-written-in-unity-and-c-for-web-browsers {
  color: var(--white, #d2d2d2);
  text-align: left;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - 144px);
  top: 1872px;
  width: 336px;
  height: 96px;
}
.portfolio {
  width: 432px;
  height: 576px;
  position: static;
}
.rectangle-183 {
  background: var(--on-black, #272727);
  border-radius: 16px;
  width: 432px;
  height: 576px;
  position: absolute;
  left: calc(50% - -336px);
  top: 1704px;
}
.flash-825476-12 {
  border-radius: 16px;
  width: 72px;
  height: 72px;
  position: absolute;
  left: calc(50% - -384px);
  top: 1752px;
  object-fit: cover;
}
.portfloio {
  color: var(--white, #d2d2d2);
  text-align: left;
  font-family: var(--h4-font-family, "JetBrainsMono-Medium", sans-serif);
  font-size: var(--h4-font-size, 32px);
  font-weight: var(--h4-font-weight, 500);
  position: absolute;
  left: calc(50% - -481px);
  top: 1752px;
  width: 238px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.rectangle-213 {
  background: var(--allback, #151515);
  border-radius: 8px;
  width: 336px;
  height: 48px;
  position: absolute;
  left: calc(50% - -383px);
  top: 2184px;
}
.you-here {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - -383px);
  top: 2184px;
  width: 336px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.my-web-portfolio {
  color: var(--white, #d2d2d2);
  text-align: left;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - -384px);
  top: 1872px;
  width: 336px;
  height: 96px;
}
.web3 {
  width: 108px;
  height: 48px;
  position: static;
}
.rectangle-97 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 108px;
  height: 48px;
  position: absolute;
  left: calc(50% - -612px);
  top: 2088px;
}
.web4 {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - -648px);
  top: 2088px;
  width: 60px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.language-50-dp-e-3-e-3-e-3-fill-0-wght-400-grad-0-opsz-48-12 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - -624px);
  top: 2100px;
  overflow: visible;
}
.css {
  width: 144px;
  height: 48px;
  position: static;
}
.rectangle-98 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 144px;
  height: 48px;
  position: absolute;
  left: calc(50% - -576px);
  top: 2016px;
}
.css2 {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - -612px);
  top: 2016px;
  width: 96px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.language-css-3 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - -588px);
  top: 2028px;
  overflow: visible;
}
.html {
  width: 168px;
  height: 48px;
  position: static;
}
.rectangle-99 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 168px;
  height: 48px;
  position: absolute;
  left: calc(50% - -384px);
  top: 2016px;
}
.html2 {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - -420px);
  top: 2016px;
  width: 108px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.language-html-5 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - -396px);
  top: 2028px;
  overflow: visible;
}
.js {
  width: 204px;
  height: 48px;
  position: static;
}
.rectangle-910 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 204px;
  height: 48px;
  position: absolute;
  left: calc(50% - -384px);
  top: 2088px;
}
.java-script {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - -431px);
  top: 2088px;
  width: 144px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.language-javascript {
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - -396px);
  top: 2100px;
  overflow: visible;
}
.about-me {
  width: 1920px;
  height: 1104px;
  position: static;
}
.back-tiny3 {
  background: var(--black, #020202);
  width: 100%;
  height: 1104px;
  position: absolute;
  right: 0%;
  left: 0%;
  top: 456px;
}
.stack {
  width: 1512px;
  height: 432px;
  position: static;
}
.stack2 {
  width: 984px;
  height: 336px;
  position: static;
}
.h-22 {
  color: var(--white, #d2d2d2);
  text-align: left;
  font-family: var(--h2-font-family, "JetBrainsMono-SemiBold", sans-serif);
  font-size: var(--h2-font-size, 40px);
  font-weight: var(--h2-font-weight, 600);
  position: absolute;
  left: calc(50% - 216px);
  top: 1032px;
  width: 312px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.stack3 {
  width: 960px;
  height: 240px;
  position: static;
}
.git {
  width: 144px;
  height: 48px;
  position: static;
}
.rectangle-911 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 144px;
  height: 48px;
  position: absolute;
  left: calc(50% - -624px);
  top: 1320px;
}
.git2 {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - -660px);
  top: 1320px;
  width: 96px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.git3 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - -636px);
  top: 1332px;
  overflow: visible;
}
.unity4 {
  width: 204px;
  height: 48px;
  position: static;
}
.rectangle-912 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 204px;
  height: 48px;
  position: absolute;
  left: calc(50% - -372px);
  top: 1320px;
}
.unity5 {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - -408px);
  top: 1320px;
  width: 156px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.unity6 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - -384px);
  top: 1332px;
  overflow: visible;
}
.flutter4 {
  width: 204px;
  height: 48px;
  position: static;
}
.rectangle-913 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 204px;
  height: 48px;
  position: absolute;
  left: calc(50% - -120px);
  top: 1320px;
}
.flutter5 {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - -156px);
  top: 1320px;
  width: 156px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flutter6 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - -132px);
  top: 1332px;
  overflow: visible;
  aspect-ratio: 1;
}
.android-studio {
  width: 264px;
  height: 48px;
  position: static;
}
.rectangle-914 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 264px;
  height: 48px;
  position: absolute;
  left: calc(50% - 192px);
  top: 1320px;
}
.android-studio2 {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - 155px);
  top: 1320px;
  width: 215px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.android-24-dp-e-3-e-3-e-3-fill-0-wght-400-grad-0-opsz-24-12 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - 178px);
  top: 1332px;
  overflow: visible;
  aspect-ratio: 1;
}
.rectangle-915 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 204px;
  height: 48px;
  position: absolute;
  left: calc(50% - -312px);
  top: 1224px;
}
.java-script2 {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - -359.58px);
  top: 1224px;
  width: 144.15px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.language-javascript2 {
  width: 24.03px;
  height: 24px;
  position: absolute;
  left: calc(50% - -323.54px);
  top: 1236px;
  overflow: visible;
}
.css3 {
  width: 204px;
  height: 48px;
  position: static;
}
.rectangle-916 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 204px;
  height: 48px;
  position: absolute;
  left: calc(50% - -60px);
  top: 1224px;
}
.css4 {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - -107px);
  top: 1224px;
  width: 144px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.language-css-32 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - -72px);
  top: 1236px;
  overflow: visible;
}
.html3 {
  width: 204px;
  height: 48px;
  position: static;
}
.rectangle-917 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 204px;
  height: 48px;
  position: absolute;
  left: calc(50% - 192px);
  top: 1224px;
}
.html4 {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - 156px);
  top: 1224px;
  width: 156px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.language-html-52 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - 180px);
  top: 1236px;
  overflow: visible;
}
.marck-down {
  width: 204px;
  height: 48px;
  position: static;
}
.rectangle-918 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 204px;
  height: 48px;
  position: absolute;
  left: calc(50% - -564px);
  top: 1224px;
}
.mark-down {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - -612px);
  top: 1224px;
  width: 144px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.language-markdown {
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - -576px);
  top: 1236px;
  overflow: visible;
}
.c3 {
  width: 204px;
  height: 48px;
  position: static;
}
.rectangle-919 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 204px;
  height: 48px;
  position: absolute;
  left: calc(50% - -564px);
  top: 1128px;
}
.c4 {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - -611px);
  top: 1128px;
  width: 144px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vector2 {
  width: 22px;
  height: 24.1px;
  position: absolute;
  left: calc(50% - -578px);
  top: 1139.95px;
  overflow: visible;
  aspect-ratio: 22/24.1;
}
.python {
  width: 204px;
  height: 48px;
  position: static;
}
.rectangle-920 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 204px;
  height: 48px;
  position: absolute;
  left: calc(50% - -312px);
  top: 1128px;
}
.python2 {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - -359px);
  top: 1128px;
  width: 144px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.language-python {
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - -324px);
  top: 1140px;
  overflow: visible;
}
.dart4 {
  width: 204px;
  height: 48px;
  position: static;
}
.rectangle-921 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 204px;
  height: 48px;
  position: absolute;
  left: calc(50% - -60px);
  top: 1128px;
}
.dart5 {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - -96px);
  top: 1128px;
  width: 156px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dart6 {
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - -71px);
  top: 1140px;
  overflow: hidden;
  aspect-ratio: 1;
}
.dart-icon {
  width: 19.1px;
  height: 19px;
  position: absolute;
  left: 1.9px;
  top: 2.5px;
  overflow: visible;
}
.kotlin {
  width: 204px;
  height: 48px;
  position: static;
}
.rectangle-922 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 204px;
  height: 48px;
  position: absolute;
  left: calc(50% - 192px);
  top: 1128px;
}
.kotlin2 {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - 156px);
  top: 1128px;
  width: 156px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.language-kotlin {
  width: 24px;
  height: 24px;
  position: absolute;
  left: calc(50% - 180px);
  top: 1140px;
  overflow: visible;
}
.skils {
  width: 456px;
  height: 432px;
  position: static;
}
.mastadonts {
  width: 432px;
  height: 337px;
  position: static;
}
.web5 {
  width: 432px;
  height: 96px;
  position: static;
}
.rectangle-923 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 432px;
  height: 96px;
  position: absolute;
  left: calc(50% - 720px);
  top: 1368px;
}
.web-developer {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: "JetBrains Mono", monospace;
  font-size: 24px;
  font-weight: 700;
  position: absolute;
  left: calc(50% - 600px);
  top: 1392px;
  width: 264px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.language-50-dp-e-3-e-3-e-3-fill-0-wght-400-grad-0-opsz-48-13 {
  width: 48px;
  height: 48px;
  position: absolute;
  left: calc(50% - 672px);
  top: 1392px;
  overflow: visible;
}
.unity7 {
  width: 432px;
  height: 96px;
  position: static;
}
.rectangle-924 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 432px;
  height: 96px;
  position: absolute;
  left: calc(50% - 720px);
  top: 1248px;
}
.unity-developer {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: "JetBrains Mono", monospace;
  font-size: 24px;
  font-weight: 700;
  position: absolute;
  left: calc(50% - 600px);
  top: 1272px;
  width: 264px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icons-8-unity-1 {
  width: 48px;
  height: 48px;
  position: absolute;
  left: calc(50% - 672px);
  top: 1272px;
  overflow: hidden;
}
.android3 {
  width: 432px;
  height: 97px;
  position: static;
}
.rectangle-925 {
  border-radius: 15px;
  border-style: solid;
  border-color: var(--white, #d2d2d2);
  border-width: 1px;
  width: 432px;
  height: 97px;
  position: absolute;
  left: calc(50% - 720px);
  top: 1127px;
}
.android-developer {
  color: var(--white, #d2d2d2);
  text-align: center;
  font-family: "JetBrains Mono", monospace;
  font-size: 24px;
  font-weight: 700;
  position: absolute;
  left: calc(50% - 600px);
  top: 1152px;
  width: 264px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.android-24-dp-e-3-e-3-e-3-fill-0-wght-400-grad-0-opsz-24-13 {
  width: 48px;
  height: 48px;
  position: absolute;
  left: calc(50% - 672px);
  top: 1152px;
  overflow: visible;
}
.h-23 {
  color: var(--white, #d2d2d2);
  text-align: left;
  font-family: var(--h2-font-family, "JetBrainsMono-SemiBold", sans-serif);
  font-size: var(--h2-font-size, 40px);
  font-weight: var(--h2-font-weight, 600);
  position: absolute;
  left: calc(50% - 744px);
  top: 1032px;
  width: 312px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.contacts {
  width: 456px;
  height: 480px;
  position: static;
}
.github {
  width: 432px;
  height: 96px;
  position: static;
}
.back-g {
  background: var(--all-page-background, #151515);
  border-radius: 16px;
  width: 432px;
  height: 96px;
  position: absolute;
  left: calc(50% - -336px);
  top: 600px;
}
.github2 {
  color: var(--white, #d2d2d2);
  text-align: left;
  font-family: var(--h4-font-family, "JetBrainsMono-Medium", sans-serif);
  font-size: var(--h4-font-size, 32px);
  font-weight: var(--h4-font-weight, 500);
  position: absolute;
  left: calc(50% - -432px);
  top: 624px;
  width: 168px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button {
  width: 120px;
  height: 48px;
  position: static;
}
.b-back {
  background: var(--green, #1ab717);
  border-radius: 8px;
  width: 120px;
  height: 48px;
  position: absolute;
  left: calc(50% - -624px);
  top: 624px;
}
.open {
  color: var(--black, #020202);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - -624px);
  top: 624px;
  width: 120px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.git-hub {
  width: 48px;
  height: 48px;
  position: absolute;
  left: calc(50% - -360px);
  top: 624px;
  overflow: visible;
  aspect-ratio: 1;
}
.telegram {
  width: 432px;
  height: 96px;
  position: static;
}
.back {
  background: var(--all-page-background, #151515);
  border-radius: 16px;
  width: 432px;
  height: 96px;
  position: absolute;
  left: calc(50% - -336px);
  top: 744px;
}
.telegram2 {
  color: var(--white, #d2d2d2);
  text-align: left;
  font-family: var(--h4-font-family, "JetBrainsMono-Medium", sans-serif);
  font-size: var(--h4-font-size, 32px);
  font-weight: var(--h4-font-weight, 500);
  position: absolute;
  left: calc(50% - -432px);
  top: 768px;
  width: 168px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.b-back2 {
  background: var(--green, #1ab717);
  border-radius: 8px;
  width: 120px;
  height: 48px;
  position: absolute;
  left: calc(50% - -624px);
  top: 768px;
}
.open2 {
  color: var(--black, #020202);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - -624px);
  top: 768px;
  width: 120px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.telegram-app {
  width: 48px;
  height: 48px;
  position: absolute;
  left: calc(50% - -360px);
  top: 768px;
  overflow: visible;
  aspect-ratio: 1;
}
.discord {
  width: 432px;
  height: 96px;
  position: static;
}
.back2 {
  background: var(--all-page-background, #151515);
  border-radius: 16px;
  width: 432px;
  height: 96px;
  position: absolute;
  left: calc(50% - -336px);
  top: 888px;
}
.discord2 {
  color: var(--white, #d2d2d2);
  text-align: left;
  font-family: var(--h4-font-family, "JetBrainsMono-Medium", sans-serif);
  font-size: var(--h4-font-size, 32px);
  font-weight: var(--h4-font-weight, 500);
  position: absolute;
  left: calc(50% - -432px);
  top: 912px;
  width: 168px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.component-1 {
  width: 120px;
  height: 48px;
  position: absolute;
  left: calc(50% - -624px);
  top: 912px;
}
.name {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
}
.b-back3 {
  background: var(--on-black, #272727);
  border-radius: 8px;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0%;
  left: 0%;
  bottom: 0%;
  top: 0%;
}
.korg-1-ch {
  color: var(--green, #1ab717);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  right: 0%;
  left: 0%;
  width: 100%;
  bottom: 0%;
  top: 0%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button2 {
  position: absolute;
  inset: 0;
}
.b-back4 {
  background: var(--green, #1ab717);
  border-radius: 8px;
  width: 120px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 0px;
}
.open3 {
  color: var(--black, #020202);
  text-align: center;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 0px;
  width: 120px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.discord3 {
  width: 48px;
  height: 48px;
  position: absolute;
  left: calc(50% - -360px);
  top: 912px;
  overflow: visible;
  aspect-ratio: 1;
}
.h-24 {
  color: var(--white, #d2d2d2);
  text-align: left;
  font-family: var(--h2-font-family, "JetBrainsMono-SemiBold", sans-serif);
  font-size: var(--h2-font-size, 40px);
  font-weight: var(--h2-font-weight, 600);
  position: absolute;
  left: calc(50% - -312px);
  top: 504px;
  width: 265px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.text {
  color: var(--white, #d2d2d2);
  text-align: left;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: calc(50% - 719px);
  top: 600px;
  width: 959px;
  height: 384px;
}
.h-25 {
  color: var(--white, #d2d2d2);
  text-align: left;
  font-family: var(--h2-font-family, "JetBrainsMono-SemiBold", sans-serif);
  font-size: var(--h2-font-size, 40px);
  font-weight: var(--h2-font-weight, 600);
  position: absolute;
  left: calc(50% - 743.11px);
  top: 504px;
  width: 311.84px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.console {
  width: 1536px;
  height: 72px;
  position: static;
}
.back3 {
  background: var(--black, #020202);
  border-radius: 16px;
  width: 1536px;
  height: 72px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 312px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.text2 {
  color: var(--green, #1ab717);
  text-align: left;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: var(--p-font-size, 24px);
  line-height: var(--p-line-height, 120%);
  font-weight: var(--p-font-weight, 400);
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 312px;
  width: 1488px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.header {
  position: absolute;
  inset: 0;
}
.logo {
  width: 384.73px;
  height: 116px;
  position: absolute;
  left: calc(50% - 767px);
  top: 124px;
  object-fit: cover;
  aspect-ratio: 384.73/116;
}
#cursor {
  animation: blink 1s step-end infinite;
  font-weight: bold; 
}

/* Добавление эффектов при наведении на кнопки */
.rectangle-21:hover, 
.rectangle-212:hover, 
.b-back:hover, 
.b-back2:hover, 
.b-back4:hover {
  background: #37ff00; /* Темнее зеленый при наведении */
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}

/* Hover эффект для кнопки с белым фоном */
.rectangle-213:hover {
  background: #272727; /* Чуть темнее при наведении */
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}

/* Hover эффект для discord кнопки */
.b-back3:hover {
  background: #373737; /* Чуть светлее при наведении */
  transition: all 0.3s ease;
}

/* Добавляем базовые transition свойства для всех кнопок */
.rectangle-21, 
.rectangle-212, 
.rectangle-213, 
.b-back, 
.b-back2, 
.b-back3, 
.b-back4 {
  transition: all 0.3s ease;
}

@keyframes blink {
  50% {
    opacity: 0; 
  }
}

/* Исправленные стили для hover эффектов */
/* Добавление указателя курсора для всех кнопок */
.rectangle-21, 
.rectangle-212, 
.rectangle-213, 
.b-back, 
.b-back2, 
.b-back3, 
.b-back4,
a:hover {
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Стили для кнопок при наведении */
.rectangle-21:hover, 
.rectangle-212:hover, 
.b-back:hover, 
.b-back2:hover, 
.b-back4:hover,
a:hover .rectangle-21,
a:hover .rectangle-212,
a:hover .b-back,
a:hover .b-back2,
a:hover .b-back4 {
  background: #15a312;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Специальный стиль для кнопки Discord */
.buttonD:hover .b-back4,
.buttonD:hover {
  cursor: pointer;
  background: #15a312;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Hover эффект для "You Here" кнопки */
.rectangle-213:hover {
  background: #272727;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Hover эффект для Discord ID кнопки */
.b-back3:hover {
  background: #373737;
  cursor: pointer;
}

/* Стили для текста внутри кнопок при наведении */
a:hover .open-in-github,
a:hover .open-in-new-grounds,
a:hover .open,
a:hover .open2,
.buttonD:hover .open3 {
}

/* Стили для всплывающей подсказки при наведении на Discord кнопку */
.discord-tooltip {
  position: absolute;
  background-color: #272727;
  color: #d2d2d2;
  padding: 8px 12px;
  border-radius: 6px;
  font-family: var(--p-font-family, "JetBrainsMono-Regular", sans-serif);
  font-size: 16px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  z-index: 100;
  left: 50%;
  transform: translateX(-50%);
  bottom: 60px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* Треугольник внизу подсказки */
.discord-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: #272727 transparent transparent transparent;
}

/* Показываем подсказку при наведении */
.buttonD:hover .discord-tooltip {
  opacity: 1;
  visibility: visible;
}

/* Добавим стиль для подсветки успешного копирования */
.copy-success {
  background-color: #1ab717 !important;
  color: #fff;
}
.vector13 {
  width: 22px;
  height: 24.1px;
  position: absolute;
  left: calc(50% - -578px);
  top: 1139.95px;
  overflow: visible;
  aspect-ratio: 22/24.1;
}

.vector2 {
  width: 50.04%;
  height: 28.14%;
  position: absolute;
  right: 29.63%;
  left: 20.33%;
  bottom: 53.12%;
  top: 18.74%;
  overflow: visible;
}
.vector3 {
  width: 50.06%;
  height: 27.98%;
  position: absolute;
  right: 29.54%;
  left: 20.4%;
  bottom: 18.89%;
  top: 53.13%;
  overflow: visible;
}
.vector4 {
  width: 24.68%;
  height: 56.05%;
  position: absolute;
  right: 16.05%;
  left: 59.26%;
  bottom: 22.01%;
  top: 21.93%;
  overflow: visible;
}
.vector5 {
  opacity: 0.07;
  width: 45.34%;
  height: 25.48%;
  position: absolute;
  right: 31.8%;
  left: 22.86%;
  bottom: 54.16%;
  top: 20.36%;
  overflow: visible;
}
.vector6 {
  opacity: 0.05;
  width: 45.34%;
  height: 25.48%;
  position: absolute;
  right: 31.8%;
  left: 22.86%;
  bottom: 54.16%;
  top: 20.36%;
  overflow: visible;
}
.vector7 {
  opacity: 0.07;
  width: 45.34%;
  height: 25.48%;
  position: absolute;
  right: 31.8%;
  left: 22.86%;
  bottom: 54.16%;
  top: 20.36%;
  overflow: visible;
}
.vector8 {
  opacity: 0.07;
  width: 22.39%;
  height: 50.84%;
  position: absolute;
  right: 17.14%;
  left: 60.48%;
  bottom: 24.61%;
  top: 24.54%;
  overflow: visible;
}
.vector9 {
  opacity: 0.07;
  width: 45.34%;
  height: 25.32%;
  position: absolute;
  right: 31.72%;
  left: 22.94%;
  bottom: 20.51%;
  top: 54.17%;
  overflow: visible;
}
.vector10 {
  opacity: 0.05;
  width: 22.39%;
  height: 50.84%;
  position: absolute;
  right: 17.14%;
  left: 60.48%;
  bottom: 24.61%;
  top: 24.54%;
  overflow: visible;
}
.vector11 {
  opacity: 0.07;
  width: 22.39%;
  height: 50.84%;
  position: absolute;
  right: 17.14%;
  left: 60.48%;
  bottom: 24.61%;
  top: 24.54%;
  overflow: visible;
}
.group {
  width: 45.34%;
  height: 25.32%;
  position: absolute;
  right: 31.72%;
  left: 22.94%;
  bottom: 20.51%;
  top: 54.17%;
  overflow: visible;
}
.vector12 {
  width: 83.16%;
  height: 83.33%;
  position: absolute;
  right: 10.42%;
  left: 6.42%;
  bottom: 8.33%;
  top: 8.33%;
  overflow: visible;
}