/* screen - front-page */

* {

}
html, body{
  
  overflow-x:hidden;
  height: fit-content;
}
.front-page {
  flex-direction: column;
  background-color: #000000;
  display: flex;
  
  width: 100.0vw;
}

.front-page .overlap-group8 {
  height: auto;
  top: 0vh;
  gap: 6vh;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  left: 0;
  width: 100vw;

}

.front-page .graf-do-strony-2-wf {
  height: 100.0vw;
  left: 0;
  mix-blend-mode: darken;
  object-fit: cover;
  position: absolute;

  top: 381.15vw;
  width: 100.0vw;
}

.front-page .graf-do-strony-1-wf {
  height: 73.18vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0.62vw;
  width: 45.94vw;
}

.front-page .graf-do-strony-6-wf {
  height: 67.6vw;
  left: 45.94vw;
  object-fit: cover;
  position: absolute;
  top: 0.62vw;
  width: 54.06vw;
}

.front-page .graf-do-strony-11-wf {
  height: 100.0vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 65.26vw;
  width: 100.0vw;
}

.front-page .graf-do-strony-9-wf {
  height: 52.92vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 165.26vw;
  width: 52.92vw;
}

.front-page .graf-do-strony-5-wf {
  height: 58.85vw;
  left: 52.92vw;
  object-fit: cover;
  position: absolute;
  top: 165.26vw;
  width: 47.08vw;
}

.front-page .graf-do-strony-3-wf {
  height: 100.0vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 218.18vw;
  width: 100.0vw;
}

.front-page .graf-do-strony-7-wf {
  height: 67.34vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 317.14vw;
  width: 53.85vw;
}

.front-page .graf-do-strony-8-wf {
  height: 67.4vw;
  left: 48.91vw;
  object-fit: cover;
  position: absolute;
  top: 317.14vw;
  width: 67.4vw;
}



.front-page .icon-awesome-long-arrow-alt-down {
  height: 9.32vw;
  left: 72.45vw;
  object-fit: cover;
  position: absolute;
  top: 50.05vw;
  width: 12.29vw;
}

.front-page .rectangle-3 {
  background-color: #ffffff;
  border: 0.16vw solid;
  border-color: var(--cadet-blue);
  border-radius: 0.73vw;
  height: 2.5vw;
  left: 94.06vw;
  position: absolute;
  top: 3.12vw;
  width: 2.29vw;
}

.front-page .path-4 {
  height: 0.05vw;
  left: 34.06vw;
  object-fit: cover;
  position: absolute;
  top: 71.82vw;
  width: 0.05vw;
}

.front-page .pexels-jhefferson-santos-2119484 {
  border-radius: 4.17vw;
  height: 34.22vw;
  left: 11.51vw;
  object-fit: cover;
  position: absolute;
  top: 11.61vw;
  width: 21.88vw;
}

.front-page .pexels-thisisengineering-3861969 {
  border-radius: 4.17vw;
  height: 34.22vw;
  left: 38.96vw;
  object-fit: cover;
  position: absolute;
  top: 11.56vw;
  width: 21.88vw;
}

.front-page .pexels-sora-shimazaki-5673488 {
  border-radius: 4.17vw;
  height: 34.22vw;
  left: 66.09vw;
  object-fit: cover;
  position: absolute;
  top: 11.56vw;
  width: 21.88vw;
}



.front-page .wizja {
  height: 2.6vw;
  left: 20.57vw;
  letter-spacing: 0;
  line-height: 2.08vw;
  overflow: hidden;
  position: absolute;
  top: 44.79vw;
  width: 6.61vw;
}

.front-page .rectangle-10 {
  border-radius: 1.98vw;
  height: 5.62vw;
  left: 39.38vw;
  object-fit: cover;
  position: absolute;
  top: 43.28vw;
  width: 21.04vw;
}

.front-page .technologia {
  left: 44.74vw;
  letter-spacing: 0;
  line-height: 2.08vw;
  position: absolute;
  top: 44.79vw;
  width: 13.07vw;
}

.front-page .rectangle-12 {
  border-radius: 1.98vw;
  height: 5.62vw;
  left: 66.51vw;
  object-fit: cover;
  position: absolute;
  top: 43.28vw;
  width: 21.04vw;
}

.front-page .sukces {
  left: 74.69vw;
  letter-spacing: 0;
  line-height: 2.08vw;
  position: absolute;
  top: 44.84vw;
  width: 7.5vw;
}


.front-page .line-1 {
  height: 0.26vw;
  left: 7.81vw;
  top: 63.39vw;
  width: 33.39vw;
}

.front-page .line-2 {
  height: 0.26vw;
  left: 57.71vw;
  top: 85.42vw;
  width: 34.53vw;
}

.front-page .wszystkie-swoje-dzia {
  color: var(--cadet-blue);
  font-family: var(--font-family-gotham);
  font-size: var(--font-size-l);
  font-weight: 400;
  left: 12.4vw;
  letter-spacing: 0;
  line-height: 2.34vw;
  position: absolute;
  text-align: center;
  top: 68.75vw;
  width: 75.31vw;
}

.front-page .span4 {
  color: #a1a8ba;
  font-family: var(--font-family-gotham-book);
}

.front-page .posiadamy-dwa-gw {
  left: 32.81vw;
  letter-spacing: 0;
  line-height: 3.12vw;
  position: absolute;
  text-align: center;
  top: 93.07vw;
  white-space: nowrap;
}

.front-page .line-3 {
  height: 0.26vw;
  left: 7.81vw;
  top: 108.96vw;
  width: 33.39vw;
}

.front-page .line-4 {
  height: 0.26vw;
  left: 57.71vw;
  top: 164.27vw;
  width: 34.53vw;
}

.front-page .line-5 {
  height: 0.26vw;
  left: 7.81vw;
  top: 218.02vw;
  width: 33.39vw;
}

.front-page .line-6 {
  height: 0.26vw;
  left: 57.71vw;
  top: 318.02vw;
  width: 34.53vw;
}

.front-page .dziaamy-za-pomoc {
  left: 31.87vw;
  letter-spacing: 0;
  line-height: 3.12vw;
  position: absolute;
  text-align: center;
  top: 323.65vw;
  width: 40.1vw;
}

.front-page .line-7 {
  height: 0.26vw;
  left: 7.81vw;
  top: 369.38vw;
  width: 33.39vw;
}

.front-page .zainteresowany-wie {
  height: 8.07vw;
  left: 28.28vw;
  letter-spacing: 0;
  line-height: 3.65vw;
  position: absolute;
  text-align: center;
  top: 375.42vw;
  width: 43.54vw;
}



.front-page .flex-row {
  min-width: 38.28vw;
}

.front-page .flex-row-1 {
  gap: 5.1vw;
  height: 22.29vw;
  min-width: 17.03vw;
}

.front-page .image-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2.24vw;
  min-height: 22.29vw;
  width: 5.94vw;
}

.front-page .image {
  border-radius: 1.82vw;
  height: 5.94vw;
  object-fit: cover;
  width: 5.94vw;
}

.front-page .flex-col {
  flex-direction: column;
  min-height: 22.19vw;
  width: 5.99vw;
}

.front-page .image-1 {
  border-radius: 1.82vw;
  height: 5.94vw;
  margin-left: 0.05vw;
  object-fit: cover;
  width: 5.94vw;
}

.front-page .canva-blog-wat-is-ca {
  border-radius: 1.82vw;
  height: 5.94vw;
  margin-top: 2.24vw;
  object-fit: cover;
  width: 5.94vw;
}

.front-page .image-15 {
  border-radius: 1.82vw;
  height: 5.94vw;
  margin-left: 0.05vw;
  margin-top: 2.14vw;
  object-fit: cover;
  width: 5.94vw;
}

.front-page .image-container-1 {
  gap: 2.24vw;
  margin-left: 4.64vw;
  min-height: 22.29vw;
  width: 5.99vw;
}

.front-page .image-container-2 {
  gap: 2.24vw;
  margin-left: 4.53vw;
  min-height: 22.24vw;
  width: 6.09vw;
}

.front-page .image-4 {
  border-radius: 1.82vw;
  height: 5.94vw;
  margin-left: 0.16vw;
  object-fit: cover;
  width: 5.94vw;
}

.front-page .image-10 {
  border-radius: 1.82vw;
  height: 5.94vw;
  object-fit: cover;
  width: 6.04vw;
}

.front-page .image-17 {
  border-radius: 1.82vw;
  height: 5.89vw;
  margin-left: 0.05vw;
  object-fit: cover;
  width: 5.94vw;
}

.front-page .flex-col-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 3.75vw;
  min-height: 21.46vw;
  width: 29.53vw;
}

.front-page .flex-row-2 {
  height: 14.11vw;
  min-width: 28.12vw;
}

.front-page .image-container-3 {
  gap: 2.03vw;
  min-height: 13.91vw;
  width: 6.09vw;
}

.front-page .image-5 {
  border-radius: 1.82vw;
  height: 5.94vw;
  margin-left: 0.1vw;
  object-fit: cover;
  width: 5.94vw;
}

.front-page .image-1-1 {
  border-radius: 1.82vw;
  height: 5.94vw;
  object-fit: cover;
  width: 6.09vw;
}

.front-page .image-container-4 {
  gap: 2.03vw;
  margin-left: 4.58vw;
  min-height: 14.01vw;
  width: 6.04vw;
}

.front-page .image-11 {
  border-radius: 1.82vw;
  height: 6.04vw;
  object-fit: cover;
  width: 6.04vw;
}

.front-page .image-container-5 {
  gap: 2.24vw;
  margin-left: 5.31vw;
  min-height: 14.11vw;
  width: 6.09vw;
}



.front-page .path-8 {

  left: 0;
  object-fit: cover;
  position: relative;
  width: 100.0vw;
}

.front-page .cae-logo-z-napisami {
  height: 12.81vw;
  left: 42.03vw;
  object-fit: cover;
  position: absolute;
  top: 451.3vw;
  width: 15.99vw;
}

.front-page .ps-wszystkie-grafik {
  color: var(--cadet-blue-2);
  font-family: var(--font-family-gotham-book);
  font-size: var(--font-size-xs);
  font-weight: 400;
  left: 23.07vw;
  letter-spacing: 0;
  line-height: 1.82vw;
  position: absolute;
  text-align: center;
  top: 443.07vw;
  width: 53.96vw;
}

.front-page .warka05-660 {
  left: 9.17vw;
  letter-spacing: 0;
  line-height: 1.82vw;
  position: absolute;
  text-align: center;
  top: 455.94vw;
  width: 18.49vw;
}

.front-page .component-20-1 {
  display: flex;
  height: 2.08vw;
  left: 67.4vw;
  position: absolute;
  top: 452.5vw;
  width: 24.95vw;
}

.front-page .codecrazeofficialgmailcom {
  color: #a4abbc;
  flex: 1;
  font-family: var(--font-family-gotham-medium);
  font-size: var(--font-size-xxs);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.82vw;
  margin-bottom: 0.03vw;
  margin-right: -0.1vw;
  margin-top: -0.13vw;
  text-decoration: underline;
  white-space: nowrap;
  width: 24.95vw;
}

.front-page .path-19 {
  height: 42.14vw;
  left: 9.64vw;
  object-fit: cover;
  position: absolute;
  top: 9.38vw;
  width: 80.73vw;
}

.front-page .icon-awesome-long-arrow-alt-down-1 {
  height: 9.38vw;
  left: 13.59vw;
  object-fit: cover;
  position: absolute;
  top: 49.95vw;
  width: 12.4vw;
}

.front-page .dziki-nam-zyskujesz {
  left: 29.48vw;
  letter-spacing: 0;
  line-height: 3.12vw;
  position: absolute;
  text-align: center;
  top: 225.68vw;
  width: 42.6vw;
}

.front-page .nieszablonow-i-wyj {
  color: var(--cadet-blue);
  font-family: var(--font-family-gotham);
  font-size: var(--font-size-m);
  font-weight: 400;
  left: 15.57vw;
  letter-spacing: 0;
  line-height: 2.86vw;
  position: absolute;
  text-align: center;
  top: 233.02vw;
  width: 71.2vw;
}

.front-page .checkmark-icon-transparent-6-kopia {
  height: 2.81vw;
  left: 14.22vw;
  object-fit: cover;
  position: absolute;
  top: 233.33vw;
  width: 4.9vw;
}

.front-page .checkmark-icon-transparent-6-kopia-1 {
  left: 15.83vw;
  top: 250.47vw;
}

.front-page .checkmark-icon-transparent-6-kopia-2 {
  left: 13.91vw;
  top: 276.2vw;
}

.front-page .checkmark-icon-transparent-6-kopia-3 {
  left: 14.17vw;
  top: 299.32vw;
}

.front-page .checkmark-icon-transparent-6-kopia-1-1 {
  left: 14.22vw;
  top: 242.08vw;
}

.front-page .checkmark-icon-transparent-6-kopia-1-2 {
  left: 13.39vw;
  top: 261.98vw;
}

.front-page .checkmark-icon-transparent-6-kopia-1-3 {
  left: 17.55vw;
  top: 287.76vw;
}

.front-page .line-9 {
  height: 0.26vw;
  left: 33.44vw;
  top: 240.36vw;
  width: 34.58vw;
}

.front-page .line-10 {
  height: 0.26vw;
  left: 33.44vw;
  top: 249.32vw;
  width: 34.58vw;
}

.front-page .line-11 {
  height: 0.26vw;
  left: 33.44vw;
  top: 260.62vw;
  width: 34.58vw;
}

.front-page .line-12 {
  height: 0.26vw;
  left: 33.44vw;
  top: 274.95vw;
  width: 34.58vw;
}

.front-page .line-13 {
  height: 0.26vw;
  left: 33.44vw;
  top: 286.25vw;
  width: 34.58vw;
}

.front-page .line-14 {
  height: 0.26vw;
  left: 33.44vw;
  top: 297.86vw;
  width: 34.58vw;
}

.front-page .overlap-group2 {
  height: 39.11vw;
  left: 11.41vw;
  position: absolute;
  top: 117.08vw;
  width: 78.59vw;
}

.front-page .overlap-group1 {
  height: 39.11vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 78.59vw;
}

.front-page .overlap-group {
  height: 39.11vw;
  left: 7.71vw;
  position: absolute;
  top: 0;
  width: 70.89vw;
}

.front-page .rectangle-15 {
  background-color: #69696924;
  border-radius: 11.09vw;
  height: 39.11vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 68.91vw;
}

.front-page .rectangle-17 {
  background: linear-gradient(153.63deg, rgba(0, 8, 59, 0.63) 23.31%, rgba(84, 90, 124, 0.63) 93.58%);
  border-radius: 11.09vw;
  height: 39.11vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 68.91vw;
}

.front-page .jako-jedna-z-pierwsz {
  color: var(--cadet-blue);
  font-family: var(--font-family-gotham-book);
  font-size: var(--font-size-s);
  font-weight: 400;
  left: 35.05vw;
  letter-spacing: 0;
  line-height: 2.08vw;
  position: absolute;
  top: 8.96vw;
  width: 28.7vw;
}

.front-page .component-12-2 {
  display: flex;
  height: 1.88vw;
  left: 18.54vw;
  position: absolute;
  top: 32.86vw;
  width: 52.34vw;
}

.front-page .wicej-przeczytasz-tutaj {
  color: var(--pizza);
  flex: 1;
  font-family: var(--font-family-gotham-book);
  font-size: var(--font-size-xxs);
  font-weight: 400;
  height: 2.19vw;
  letter-spacing: 0;
  line-height: 1.56vw;
  margin-right: -0.1vw;
  text-align: center;
  text-decoration: underline;
}

.front-page .pexels-cottonbro-studio-5473955 {
  height: 39.11vw;
  left: 0;
  position: absolute;
  top: 0;
}

.front-page .sztuczna-inteligencja {
  left: 42.03vw;
  letter-spacing: 0;
  line-height: 2.6vw;
  position: absolute;
  text-align: center;
  top: 3.8vw;
  width: 29.17vw;
}

.front-page .group-container {
  height: 39.11vw;
  left: 6.98vw;
  position: absolute;
  top: 171.56vw;
  width: 82.4vw;
}

.front-page .group-57 {
  display: flex;
  height: 39.11vw;
  left: 43.28vw;
  position: absolute;
  top: 0;
  width: 39.11vw;
}

.front-page .pexels-cottonbro-studio-5054208 {
  flex: 1;
}

.front-page .overlap-group1-1 {
  height: 39.11vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 74.48vw;
}

.front-page .group-54 {
  display: flex;
  height: 39.11vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 74.48vw;
}

.front-page .group-5 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  min-width: 74.48vw;
  mix-blend-mode: screen;
}

.front-page .overlap-group-1 {
  height: 39.11vw;
  position: relative;
  width: 74.48vw;
}

.front-page .rectangle-16 {
  background: linear-gradient(141.39deg, rgba(0, 8, 59, 0.6) 29.54%, rgba(84, 90, 124, 0.6) 94.22%);
  border-radius: 11.09vw;
  height: 39.11vw;
  left: 3.8vw;
  position: absolute;
  top: 0;
  width: 70.68vw;
}

.front-page .oprcz-wiadcze-opa {
  color: var(--cadet-blue);
  font-family: var(--font-family-gotham-book);
  font-size: var(--font-size-s);
  font-weight: 400;
  left: 11.3vw;
  letter-spacing: 0;
  line-height: 2.08vw;
  position: absolute;
  top: 8.33vw;
  width: 29.01vw;
}

.front-page .component-14-1 {
  display: flex;
  height: 1.88vw;
  left: 0;
  position: absolute;
  top: 32.6vw;
  width: 41.88vw;
}

.front-page .usugi-it {
  left: 8.18vw;
  letter-spacing: 0;
  line-height: 2.6vw;
  position: absolute;
  text-align: center;
  top: 3.96vw;
  width: 17.76vw;
}

.front-page .icon-awesome-lightbulb {
  height: 2.24vw;
  left: 18.12vw;
  object-fit: cover;
  position: absolute;
  top: 44.84vw;
  width: 1.56vw;
}

.front-page .icon-awesome-hands-helping {
  height: 2.24vw;
  left: 71.2vw;
  object-fit: cover;
  position: absolute;
  top: 45.0vw;
  width: 2.76vw;
}

.front-page .icon-awesome-laptop-code {
  height: 1.88vw;
  left: 41.51vw;
  object-fit: cover;
  position: absolute;
  top: 45.1vw;
  width: 2.34vw;
}

.front-page .line-17 {
  height: 0.26vw;
  left: 57.71vw;
  top: 439.38vw;
  width: 34.53vw;
}

.front-page .rectangle-18 {
  background: linear-gradient(184.62deg, #00083b 4.88%, rgba(84, 90, 124, 0.79) 95.71%);
  border: 0.16vw solid;
  border-color: var(--cadet-blue);
  border-radius: 3.33vw;
  height: 45.31vw;
  left: 19.69vw;
  mix-blend-mode: overlay;
  position: absolute;
  top: 387.45vw;
  width: 60.68vw;
}

.front-page .rectangle-21 {
  background-color: #ffffffc2;
  border: 0.16vw solid;
  border-color: var(--cadet-blue);
  border-radius: 2.34vw;
  height: 5.94vw;
  left: 24.64vw;
  position: absolute;
  top: 390.89vw;
  width: 50.78vw;
}

.front-page .rectangle-22 {
  background-color: #ffffffbf;
  border: 0.16vw solid;
  border-color: var(--cadet-blue);
  border-radius: 2.86vw;
  height: 25.36vw;
  left: 24.64vw;
  position: absolute;
  top: 400.42vw;
  width: 50.78vw;
}

.front-page .path-container {
  height: 2.14vw;
  left: 26.72vw;
  position: absolute;
  top: 392.66vw;
  width: 3.18vw;
}

.front-page .path-20 {
  height: 1.77vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0.16vw;
  width: 0.89vw;
}

.front-page .path-21 {
  height: 1.25vw;
  left: 0.16vw;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 2.81vw;
}

.front-page .path-22 {
  height: 0.89vw;
  left: 0.16vw;
  object-fit: cover;
  position: absolute;
  top: 1.25vw;
  width: 2.81vw;
}

.front-page .path-23 {
  height: 1.77vw;
  left: 2.29vw;
  object-fit: cover;
  position: absolute;
  top: 0.16vw;
  width: 0.89vw;
}

.front-page .layer-2 {
  background-image: url(../img/file-text@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 3.33vw;
  left: 27.19vw;
  position: absolute;
  top: 402.19vw;
  width: 2.66vw;
}

.front-page .twj-adres-e-mail {
  color: #000000;
  font-family: var(--font-family-gotham-book);
  font-size: var(--font-size-s);
  font-weight: 400;
  left: 32.24vw;
  letter-spacing: 0;
  line-height: 2.08vw;
  position: absolute;
  top: 392.66vw;
  width: 21.61vw;
}

.front-page .twoja-wiadomo-do-nas {
  color: #000000;
  font-family: var(--font-family-gotham-book);
  font-size: var(--font-size-s);
  font-weight: 400;
  left: 32.24vw;
  letter-spacing: 0;
  line-height: 2.08vw;
  position: absolute;
  top: 402.6vw;
  width: 27.29vw;
}

.front-page .path-26 {
  height: 0.16vw;
  left: 26.72vw;
  object-fit: cover;
  position: absolute;
  top: 395.89vw;
  width: 47.19vw;
}

.front-page .path-27 {
  height: 0.16vw;
  left: 27.19vw;
  object-fit: cover;
  position: absolute;
  top: 406.2vw;
  width: 46.93vw;
}

.front-page .path-28 {
  height: 0.16vw;
  left: 27.19vw;
  object-fit: cover;
  position: absolute;
  top: 410.16vw;
  width: 46.93vw;
}

.front-page .path-29 {
  height: 0.16vw;
  left: 27.19vw;
  object-fit: cover;
  position: absolute;
  top: 414.11vw;
  width: 46.93vw;
}

.front-page .path-30 {
  height: 0.16vw;
  left: 27.19vw;
  object-fit: cover;
  position: absolute;
  top: 418.07vw;
  width: 46.93vw;
}

.front-page .path-31 {
  height: 0.16vw;
  left: 27.19vw;
  object-fit: cover;
  position: absolute;
  top: 422.03vw;
  width: 33.23vw;
}

.front-page .rectangle-23 {
  background-color: #00083b;
  border: 0.16vw solid;
  border-color: var(--cadet-blue);
  border-radius: 1.56vw;
  height: 3.39vw;
  left: 62.81vw;
  position: absolute;
  top: 420.42vw;
  width: 10.16vw;
}

.front-page .component-19-1 {
  align-items: flex-end;
  display: flex;
  height: 1.88vw;
  left: 64.64vw;
  min-width: 6.88vw;
  position: absolute;
  top: 421.15vw;
}

.front-page .overlap-group5 {
  height: 2.19vw;
  margin-bottom: -0.31vw;
  position: relative;
  width: 6.88vw;
}

.front-page .group-12 {
  align-items: flex-start;
  display: flex;
  height: 1.3vw;
  left: 5.21vw;
  min-width: 1.67vw;
  position: absolute;
  top: 0.42vw;
}

.front-page .path-container-1 {
  height: 1.3vw;
  position: relative;
  width: 1.67vw;
}

.front-page .path-32 {
  height: 1.25vw;
  left: 0.57vw;
  object-fit: cover;
  position: absolute;
  top: 0.05vw;
  width: 1.15vw;
}

.front-page .path-33 {
  height: 0.57vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1.67vw;
}

.front-page .wylij {
  color: #cecfdc;
  font-family: var(--font-family-gotham-medium);
  font-size: var(--font-size-xxs);
  font-weight: 500;
  left: 0;
  letter-spacing: 0;
  line-height: 1.56vw;
  position: absolute;
  top: 0;
  width: 6.15vw;
}

.front-page .strona-gwna {
  left: 27.45vw;
  letter-spacing: 0;
  line-height: 1.82vw;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  top: 452.5vw;
  white-space: nowrap;
}

.front-page .nasze-usugi {
  left: 27.19vw;
  letter-spacing: 0;
  line-height: 1.82vw;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  top: 455.21vw;
  white-space: nowrap;
  width: 10.52vw;
}

.front-page .o-nas {
  height: 1.98vw;
  left: 28.12vw;
  letter-spacing: 0;
  line-height: 1.82vw;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  top: 458.12vw;
  white-space: nowrap;
  width: 8.65vw;
}

.front-page .kontakt {
  height: 1.82vw;
  left: 26.15vw;
  letter-spacing: 0;
  line-height: 1.82vw;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  top: 460.94vw;
  white-space: nowrap;
  width: 12.6vw;
}

.front-page .code-craze {
  left: 70.21vw;
  letter-spacing: 0;
  line-height: 1.82vw;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  top: 455.21vw;
  white-space: nowrap;
  width: 17.55vw;
}

.front-page .code_craze {
  left: 71.56vw;
  letter-spacing: 0;
  line-height: 1.82vw;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  top: 458.23vw;
  white-space: nowrap;
  width: 15.16vw;
}

.front-page .codecraze_official {
  left: 68.59vw;
  letter-spacing: 0;
  line-height: 1.82vw;
  position: absolute;
  text-align: center;
  text-decoration: underline;
  top: 461.15vw;
  white-space: nowrap;
  width: 20.83vw;
}

.path-container-2 {
  height: 2.08vw;
  left: 63.49vw;
  position: absolute;
  top: .5vw;
  width: 3.07vw;
}

.front-page .path-34 {
  height: 1.72vw;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0.16vw;
  width: 0.89vw;
}

.front-page .path-35 {
  height: 1.2vw;
  left: 0.16vw;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 2.71vw;
}

.front-page .path-36 {
  height: 0.89vw;
  left: 0.16vw;
  object-fit: cover;
  position: absolute;
  top: 1.2vw;
  width: 2.71vw;
}

.front-page .path-37 {
  height: 1.72vw;
  left: 2.19vw;
  object-fit: cover;
  position: absolute;
  top: 0.16vw;
  width: 0.89vw;
}

.front-page .path-38 {
  height: 2.29vw;
  left: 71.61vw;
  object-fit: cover;
  position: absolute;
  top: 455.1vw;
  width: 2.29vw;
}

.front-page .path-39 {
  height: 2.24vw;
  left: 71.61vw;
  object-fit: cover;
  position: absolute;
  top: 458.12vw;
  width: 2.24vw;
}

.front-page .path-40 {
  height: 2.24vw;
  left: 69.17vw;
  object-fit: cover;
  position: absolute;
  top: 461.09vw;
  width: 2.24vw;
}

.front-page .path-41 {
  height: 3.18vw;
  left: 11.98vw;
  object-fit: cover;
  position: absolute;
  top: 456.3vw;
  width: 2.6vw;
}

.front-page .line-18 {
  height: 14.9vw;
  left: 40.99vw;
  top: 450.1vw;
  width: 0.16vw;
}

.front-page .line-19 {
  height: 14.9vw;
  left: 58.91vw;
  top: 450.1vw;
  width: 0.16vw;
}






.front-page .group-51 {
  align-items: flex-start;
  background-image: url(../img/path-7@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 2.6vw;
  justify-content: flex-end;

  min-width: 5.89vw;
  position: relative;

}

.front-page .overlap-group-2 {
  height: 2.6vw;
  position: relative;
  width: 5.52vw;
}

.front-page .mask-group-1 {
  height: 2.29vw;
  left: 1.56vw;
  object-fit: cover;
  position: absolute;
  top: 0.16vw;
  width: 3.8vw;
}

.front-page .rectangle-51 {
  border: 0.16vw solid;
  border-color: var(--cadet-blue);
  border-radius: 0.83vw;
  height: 2.6vw;
  left: 1.46vw;
  position: absolute;
  top: 0;
  width: 4.06vw;
}

.front-page .component-8-1 {
  align-items: center;
  display: flex;
  gap: 0.31vw;
  height: 1.41vw;
  left: 0;
  min-width: 2.92vw;
  position: absolute;
  top: 0.57vw;
}

.front-page .path-6 {
  height: 1.2vw;
  margin-top: 0;
  object-fit: cover;
  width: 1.2vw;
}

.front-page .path-5 {
  height: 1.41vw;
  object-fit: cover;
  width: 1.41vw;
}







.front-page .flex {
  align-items: flex-start;
  display: flex;
}

.front-page .flex-row-3 {
  align-items: flex-start;
  display: flex;
}

.front-page .image-container-6 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}

.front-page .line {
  object-fit: cover;
  position: absolute;
}

.front-page .pexels-cottonbro-studio {
  border-radius: 19.56vw;
  object-fit: cover;
  width: 39.11vw;
}



/*
s
s

s
s
s
s

s
s
s*/
.Home__first-page {
  background: -webkit-linear-gradient(205deg, #000000,#000000,#000000,#070c27,#010c60);/* Chrome 10-25, Safari 5.1-6 */              
  background: linear-gradient(205deg, #000000,#000000,#000000,#070c27,#010c60);/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */    

  background: -webkit-linear-gradient(205deg, #000000,#000000,#000000,#07030c,#170b37);/* Chrome 10-25, Safari 5.1-6 */                          
  background: linear-gradient(205deg, #000000,#000000,#000000,#07030c,#170b37);/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */      
  
  
  background: -webkit-linear-gradient(205deg, #000000,#000000,#000000,rgb(5, 9, 39),#270191);/* Chrome 10-25, Safari 5.1-6 */                          
  background: linear-gradient(205deg, #000000,#000000,#000000,rgb(5, 9, 37),#270191);/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */   
  box-sizing: content-box;                                         
  position: relative;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
}