.elementor-409 .elementor-element.elementor-element-2c8e294{--display:flex;--min-height:80vh;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-409 .elementor-element.elementor-element-bb874ce{z-index:100;}.elementor-409 .elementor-element.elementor-element-bb874ce img{width:10%;}body:not(.rtl) .elementor-409 .elementor-element.elementor-element-e6f2c01{left:-445px;}body.rtl .elementor-409 .elementor-element.elementor-element-e6f2c01{right:-445px;}.elementor-409 .elementor-element.elementor-element-e6f2c01{top:749px;z-index:100;}.elementor-409 .elementor-element.elementor-element-e6f2c01 img{width:10%;}.elementor-409 .elementor-element.elementor-element-4e33280{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-409 .elementor-element.elementor-element-1f1050d{width:var( --container-widget-width, 79% );max-width:79%;--container-widget-width:79%;--container-widget-flex-grow:0;}.elementor-409 .elementor-element.elementor-element-1f1050d.elementor-element{--align-self:center;}.elementor-409 .elementor-element.elementor-element-1f1050d .elementor-wrapper{--video-aspect-ratio:1.77777;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-409 .elementor-element.elementor-element-2c8e294{--min-height:80vh;}.elementor-409 .elementor-element.elementor-element-4e33280{--min-height:100vh;}}@media(max-width:767px){.elementor-409 .elementor-element.elementor-element-2c8e294{--justify-content:flex-start;}.elementor-409 .elementor-element.elementor-element-bb874ce img{width:12%;}body:not(.rtl) .elementor-409 .elementor-element.elementor-element-e6f2c01{left:83px;}body.rtl .elementor-409 .elementor-element.elementor-element-e6f2c01{right:83px;}.elementor-409 .elementor-element.elementor-element-e6f2c01{top:42px;}.elementor-409 .elementor-element.elementor-element-e6f2c01 img{width:21%;}.elementor-409 .elementor-element.elementor-element-4e33280{--min-height:40vh;}}@media(min-width:768px){.elementor-409 .elementor-element.elementor-element-2c8e294{--content-width:100%;}.elementor-409 .elementor-element.elementor-element-4e33280{--content-width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-409 .elementor-element.elementor-element-4e33280{--content-width:100%;}}/* Start custom CSS for image, class: .elementor-element-bb874ce *//* Animation för att rotera medurs */
@keyframes rotate-clockwise {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Animation för att rotera moturs */
@keyframes rotate-counterclockwise {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

/* Applicera medurs rotation på sten-1 */
#sten-1 {
  animation: rotate-clockwise 20s linear infinite;
}

/* Applicera moturs rotation på sten-2 */
#sten-2 {
  animation: rotate-counterclockwise 30s linear infinite;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e6f2c01 *//* Animation för att rotera medurs */
@keyframes rotate-clockwise {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Animation för att rotera moturs */
@keyframes rotate-counterclockwise {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

/* Applicera medurs rotation på sten-1 */
#sten-1 {
  animation: rotate-clockwise 10s linear infinite;
}

/* Applicera moturs rotation på sten-2 */
#sten-2 {
  animation: rotate-counterclockwise 10s linear infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c8e294 *//* Bakgrundsdiv med din gradient */
#background {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #000000, #0d1b2a);  /* Din gradient */
    z-index: 0;  /* Bakgrundslager */
}

/* Starfield-div där Three.js canvas kommer att placeras */
#starfield {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1;  /* Placeras över bakgrunden */
    overflow: hidden;
}/* End custom CSS */