.elementor-11129 .elementor-element.elementor-element-b002baf > .elementor-container{min-height:400px;}.elementor-11129 .elementor-element.elementor-element-b002baf{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-11129 .elementor-element.elementor-element-b002baf > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-11129 .elementor-element.elementor-element-300264d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:300;text-transform:uppercase;color:#FFFFFFD1;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-11129 .elementor-element.elementor-element-6fb7f2d .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-weight:500;fill:#FFFFFFBF;color:#FFFFFFBF;border-style:solid;}.elementor-11129 .elementor-element.elementor-element-783fc8e:not(.elementor-motion-effects-element-type-background), .elementor-11129 .elementor-element.elementor-element-783fc8e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-11129 .elementor-element.elementor-element-783fc8e > .elementor-container{min-height:400px;}.elementor-11129 .elementor-element.elementor-element-783fc8e{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-11129 .elementor-element.elementor-element-783fc8e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11129 .elementor-element.elementor-element-3427c07 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:300;text-transform:uppercase;color:#FFFFFFD1;}.elementor-11129 .elementor-element.elementor-element-dc9ff53 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:300;text-transform:uppercase;color:#FFFFFFD1;}.elementor-11129 .elementor-element.elementor-element-5922d5c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:300;text-transform:uppercase;color:#FFFFFF;}.elementor-11129 .elementor-element.elementor-element-69a8355 .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-weight:500;fill:#FFFFFFBF;color:#FFFFFFBF;border-style:solid;}.elementor-11129 .elementor-element.elementor-element-3517fa2 > .elementor-container{min-height:400px;}.elementor-11129 .elementor-element.elementor-element-3517fa2{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-11129 .elementor-element.elementor-element-3517fa2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11129 .elementor-element.elementor-element-212dfbe .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:300;text-transform:uppercase;color:#FFFFFFD1;}.elementor-11129 .elementor-element.elementor-element-a53e88c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:300;text-transform:uppercase;color:#FFFFFFD1;}.elementor-11129 .elementor-element.elementor-element-fe0858f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:300;text-transform:uppercase;color:#FFFFFF;}.elementor-11129 .elementor-element.elementor-element-132e5f8 .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-weight:500;fill:#FFFFFFBF;color:#FFFFFFBF;border-style:solid;}.elementor-11129 .elementor-element.elementor-element-82596e1 > .elementor-container{min-height:400px;}.elementor-11129 .elementor-element.elementor-element-82596e1{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-11129 .elementor-element.elementor-element-82596e1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11129 .elementor-element.elementor-element-9102842 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:300;text-transform:uppercase;color:#FFFFFFD1;}.elementor-11129 .elementor-element.elementor-element-e9ee62f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:300;text-transform:uppercase;color:#FFFFFFD1;}.elementor-11129 .elementor-element.elementor-element-c353357 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:300;text-transform:uppercase;color:#FFFFFF;}.elementor-11129 .elementor-element.elementor-element-699186a .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-weight:500;fill:#FFFFFFBF;color:#FFFFFFBF;border-style:solid;}.elementor-11129 .elementor-element.elementor-element-6326e4a > .elementor-container{min-height:400px;}.elementor-11129 .elementor-element.elementor-element-6326e4a{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-11129 .elementor-element.elementor-element-6326e4a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11129 .elementor-element.elementor-element-d07c2a8 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:300;text-transform:uppercase;color:#FFFFFFD1;}.elementor-11129 .elementor-element.elementor-element-60ac668 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:300;text-transform:uppercase;color:#FFFFFFD1;}.elementor-11129 .elementor-element.elementor-element-c0e89ee .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:300;text-transform:uppercase;color:#FFFFFF;}.elementor-11129 .elementor-element.elementor-element-b3a9637 .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-weight:500;fill:#FFFFFFBF;color:#FFFFFFBF;border-style:solid;}.elementor-11129 .elementor-element.elementor-element-b9a2476 > .elementor-container{min-height:400px;}.elementor-11129 .elementor-element.elementor-element-b9a2476{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-11129 .elementor-element.elementor-element-b9a2476 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11129 .elementor-element.elementor-element-66c0c7d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:300;text-transform:uppercase;color:#FFFFFFD1;}.elementor-11129 .elementor-element.elementor-element-a572abe .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:300;text-transform:uppercase;color:#FFFFFFD1;}.elementor-11129 .elementor-element.elementor-element-368169e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:300;text-transform:uppercase;color:#FFFFFF;}.elementor-11129 .elementor-element.elementor-element-fc853dd .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-weight:500;fill:#FFFFFFBF;color:#FFFFFFBF;border-style:solid;}.elementor-11129 .elementor-element.elementor-element-4db10dc > .elementor-container{min-height:400px;}.elementor-11129 .elementor-element.elementor-element-4db10dc{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-11129 .elementor-element.elementor-element-4db10dc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-11129 .elementor-element.elementor-element-e2b1bf6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:300;text-transform:uppercase;color:#FFFFFFD1;}.elementor-11129 .elementor-element.elementor-element-e67c023 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:300;text-transform:uppercase;color:#FFFFFFD1;}.elementor-11129 .elementor-element.elementor-element-9825e53 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:300;text-transform:uppercase;color:#FFFFFF;}.elementor-11129 .elementor-element.elementor-element-2088d4d .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-weight:500;fill:#FFFFFFBF;color:#FFFFFFBF;border-style:solid;}body.elementor-page-11129:not(.elementor-motion-effects-element-type-background), body.elementor-page-11129 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}html{height:100vh;margin:0;overflow:hidden;}body{height:100vh;overflow:auto;scroll-snap-type:y mandatory;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}@media(min-width:1700px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-button .elementor-button{line-height:var( --e-global-typography-accent-line-height );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}@media(max-width:1280px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-button .elementor-button{line-height:var( --e-global-typography-accent-line-height );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-button .elementor-button{line-height:var( --e-global-typography-accent-line-height );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}@media(max-width:767px){.elementor-11129 .elementor-element.elementor-element-b002baf > .elementor-container{min-height:700px;}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-11129 .elementor-element.elementor-element-300264d > .elementor-widget-container{margin:33% 0% 0% 0%;padding:0% 5% 0% 5%;}.elementor-11129 .elementor-element.elementor-element-300264d{z-index:1;text-align:center;}.elementor-11129 .elementor-element.elementor-element-300264d .elementor-heading-title{font-size:28px;line-height:1.2em;}.elementor-widget-button .elementor-button{line-height:var( --e-global-typography-accent-line-height );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-11129 .elementor-element.elementor-element-6fb7f2d > .elementor-widget-container{margin:0% 0% 29% 0%;}.elementor-11129 .elementor-element.elementor-element-6fb7f2d .elementor-button{font-size:14px;border-width:0px 0px 01px 0px;border-radius:10px 10px 10px 10px;}.elementor-11129 .elementor-element.elementor-element-2cd63c5 > .elementor-widget-container{--e-transform-translateY:-61px;margin:0% 0% 0% 0%;}.elementor-11129 .elementor-element.elementor-element-783fc8e > .elementor-container{min-height:700px;}.elementor-11129 .elementor-element.elementor-element-783fc8e{margin-top:-66%;margin-bottom:0%;}.elementor-11129 .elementor-element.elementor-element-3427c07 > .elementor-widget-container{margin:28% 0% 0% 0%;padding:0% 5% 0% 5%;}.elementor-11129 .elementor-element.elementor-element-3427c07{z-index:1;text-align:center;}.elementor-11129 .elementor-element.elementor-element-3427c07 .elementor-heading-title{font-size:12px;line-height:1.2em;}.elementor-11129 .elementor-element.elementor-element-dc9ff53 > .elementor-widget-container{margin:-4% 0% 5% 0%;padding:0% 5% 0% 5%;}.elementor-11129 .elementor-element.elementor-element-dc9ff53{z-index:1;text-align:center;}.elementor-11129 .elementor-element.elementor-element-dc9ff53 .elementor-heading-title{font-size:28px;line-height:1.2em;}.elementor-11129 .elementor-element.elementor-element-5922d5c > .elementor-widget-container{margin:-5% 0% 0% 0%;padding:0% 05% 0% 05%;}.elementor-11129 .elementor-element.elementor-element-5922d5c{z-index:1;text-align:center;}.elementor-11129 .elementor-element.elementor-element-5922d5c .elementor-heading-title{font-size:11px;line-height:1.9em;}.elementor-11129 .elementor-element.elementor-element-69a8355 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-11129 .elementor-element.elementor-element-69a8355 .elementor-button{font-size:14px;border-width:0px 0px 01px 0px;border-radius:10px 10px 10px 10px;}.elementor-11129 .elementor-element.elementor-element-80096cd > .elementor-widget-container{--e-transform-translateY:24px;margin:0% 0% 0% 0%;}.elementor-11129 .elementor-element.elementor-element-3517fa2 > .elementor-container{min-height:700px;}.elementor-11129 .elementor-element.elementor-element-212dfbe > .elementor-widget-container{margin:28% 0% 0% 0%;padding:0% 5% 0% 5%;}.elementor-11129 .elementor-element.elementor-element-212dfbe{z-index:1;text-align:center;}.elementor-11129 .elementor-element.elementor-element-212dfbe .elementor-heading-title{font-size:12px;line-height:1.2em;}.elementor-11129 .elementor-element.elementor-element-a53e88c > .elementor-widget-container{margin:-4% 0% 5% 0%;padding:0% 5% 0% 5%;}.elementor-11129 .elementor-element.elementor-element-a53e88c{z-index:1;text-align:center;}.elementor-11129 .elementor-element.elementor-element-a53e88c .elementor-heading-title{font-size:28px;line-height:1.2em;}.elementor-11129 .elementor-element.elementor-element-fe0858f > .elementor-widget-container{margin:-5% 0% 0% 0%;padding:0% 05% 0% 05%;}.elementor-11129 .elementor-element.elementor-element-fe0858f{z-index:1;text-align:center;}.elementor-11129 .elementor-element.elementor-element-fe0858f .elementor-heading-title{font-size:11px;line-height:1.9em;}.elementor-11129 .elementor-element.elementor-element-132e5f8 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-11129 .elementor-element.elementor-element-132e5f8 .elementor-button{font-size:14px;border-width:0px 0px 01px 0px;border-radius:10px 10px 10px 10px;}.elementor-11129 .elementor-element.elementor-element-f453e95 > .elementor-widget-container{--e-transform-translateY:24px;margin:0% 0% 0% 0%;}.elementor-11129 .elementor-element.elementor-element-82596e1 > .elementor-container{min-height:700px;}.elementor-11129 .elementor-element.elementor-element-9102842 > .elementor-widget-container{margin:28% 0% 0% 0%;padding:0% 5% 0% 5%;}.elementor-11129 .elementor-element.elementor-element-9102842{z-index:1;text-align:center;}.elementor-11129 .elementor-element.elementor-element-9102842 .elementor-heading-title{font-size:12px;line-height:1.2em;}.elementor-11129 .elementor-element.elementor-element-e9ee62f > .elementor-widget-container{margin:-4% 0% 5% 0%;padding:0% 5% 0% 5%;}.elementor-11129 .elementor-element.elementor-element-e9ee62f{z-index:1;text-align:center;}.elementor-11129 .elementor-element.elementor-element-e9ee62f .elementor-heading-title{font-size:28px;line-height:1.2em;}.elementor-11129 .elementor-element.elementor-element-c353357 > .elementor-widget-container{margin:-5% 0% 0% 0%;padding:0% 05% 0% 05%;}.elementor-11129 .elementor-element.elementor-element-c353357{z-index:1;text-align:center;}.elementor-11129 .elementor-element.elementor-element-c353357 .elementor-heading-title{font-size:11px;line-height:1.9em;}.elementor-11129 .elementor-element.elementor-element-699186a > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-11129 .elementor-element.elementor-element-699186a .elementor-button{font-size:14px;border-width:0px 0px 01px 0px;border-radius:10px 10px 10px 10px;}.elementor-11129 .elementor-element.elementor-element-bb17032 > .elementor-widget-container{--e-transform-translateY:24px;margin:0% 0% 0% 0%;}.elementor-11129 .elementor-element.elementor-element-6326e4a > .elementor-container{min-height:700px;}.elementor-11129 .elementor-element.elementor-element-d07c2a8 > .elementor-widget-container{margin:28% 0% 0% 0%;padding:0% 5% 0% 5%;}.elementor-11129 .elementor-element.elementor-element-d07c2a8{z-index:1;text-align:center;}.elementor-11129 .elementor-element.elementor-element-d07c2a8 .elementor-heading-title{font-size:12px;line-height:1.2em;}.elementor-11129 .elementor-element.elementor-element-60ac668 > .elementor-widget-container{margin:-4% 0% 5% 0%;padding:0% 5% 0% 5%;}.elementor-11129 .elementor-element.elementor-element-60ac668{z-index:1;text-align:center;}.elementor-11129 .elementor-element.elementor-element-60ac668 .elementor-heading-title{font-size:28px;line-height:1.2em;}.elementor-11129 .elementor-element.elementor-element-c0e89ee > .elementor-widget-container{margin:-5% 0% 0% 0%;padding:0% 05% 0% 05%;}.elementor-11129 .elementor-element.elementor-element-c0e89ee{z-index:1;text-align:center;}.elementor-11129 .elementor-element.elementor-element-c0e89ee .elementor-heading-title{font-size:11px;line-height:1.9em;}.elementor-11129 .elementor-element.elementor-element-b3a9637 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-11129 .elementor-element.elementor-element-b3a9637 .elementor-button{font-size:14px;border-width:0px 0px 01px 0px;border-radius:10px 10px 10px 10px;}.elementor-11129 .elementor-element.elementor-element-7ac4afb > .elementor-widget-container{--e-transform-translateY:24px;margin:0% 0% 0% 0%;}.elementor-11129 .elementor-element.elementor-element-b9a2476 > .elementor-container{min-height:700px;}.elementor-11129 .elementor-element.elementor-element-66c0c7d > .elementor-widget-container{margin:28% 0% 0% 0%;padding:0% 5% 0% 5%;}.elementor-11129 .elementor-element.elementor-element-66c0c7d{z-index:1;text-align:center;}.elementor-11129 .elementor-element.elementor-element-66c0c7d .elementor-heading-title{font-size:12px;line-height:1.2em;}.elementor-11129 .elementor-element.elementor-element-a572abe > .elementor-widget-container{margin:-4% 0% 5% 0%;padding:0% 5% 0% 5%;}.elementor-11129 .elementor-element.elementor-element-a572abe{z-index:1;text-align:center;}.elementor-11129 .elementor-element.elementor-element-a572abe .elementor-heading-title{font-size:28px;line-height:1.2em;}.elementor-11129 .elementor-element.elementor-element-368169e > .elementor-widget-container{margin:-5% 0% 0% 0%;padding:0% 05% 0% 05%;}.elementor-11129 .elementor-element.elementor-element-368169e{z-index:1;text-align:center;}.elementor-11129 .elementor-element.elementor-element-368169e .elementor-heading-title{font-size:11px;line-height:1.9em;}.elementor-11129 .elementor-element.elementor-element-fc853dd > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-11129 .elementor-element.elementor-element-fc853dd .elementor-button{font-size:14px;border-width:0px 0px 01px 0px;border-radius:10px 10px 10px 10px;}.elementor-11129 .elementor-element.elementor-element-99b6a61 > .elementor-widget-container{--e-transform-translateY:24px;margin:0% 0% 0% 0%;}.elementor-11129 .elementor-element.elementor-element-4db10dc > .elementor-container{min-height:700px;}.elementor-11129 .elementor-element.elementor-element-e2b1bf6 > .elementor-widget-container{margin:28% 0% 0% 0%;padding:0% 5% 0% 5%;}.elementor-11129 .elementor-element.elementor-element-e2b1bf6{z-index:1;text-align:center;}.elementor-11129 .elementor-element.elementor-element-e2b1bf6 .elementor-heading-title{font-size:12px;line-height:1.2em;}.elementor-11129 .elementor-element.elementor-element-e67c023 > .elementor-widget-container{margin:-4% 0% 5% 0%;padding:0% 5% 0% 5%;}.elementor-11129 .elementor-element.elementor-element-e67c023{z-index:1;text-align:center;}.elementor-11129 .elementor-element.elementor-element-e67c023 .elementor-heading-title{font-size:28px;line-height:1.2em;}.elementor-11129 .elementor-element.elementor-element-9825e53 > .elementor-widget-container{margin:-5% 0% 0% 0%;padding:0% 05% 0% 05%;}.elementor-11129 .elementor-element.elementor-element-9825e53{z-index:1;text-align:center;}.elementor-11129 .elementor-element.elementor-element-9825e53 .elementor-heading-title{font-size:11px;line-height:1.9em;}.elementor-11129 .elementor-element.elementor-element-2088d4d > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-11129 .elementor-element.elementor-element-2088d4d .elementor-button{font-size:14px;border-width:0px 0px 01px 0px;border-radius:10px 10px 10px 10px;}.elementor-11129 .elementor-element.elementor-element-b5478b9 > .elementor-widget-container{--e-transform-translateY:24px;margin:0% 0% 0% 0%;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:always;}}/* Start custom CSS */:root {
  --mercury-image: url(https://www.solarsystemscope.com/images/textures/full/2k_makemake_fictional.jpg);
  --mercury-tilt: rotate(90deg);
  --mercury-day: 200;
  --mercury-color: #999999;
  --venus-image: url(https://motion.mk/wp-content/uploads/2023/11/venus.jpg);
  --venus-tilt: rotate(90deg);
  --venus-day: 100;
  --venus-color: #e8cda2;
  --earth-image: url(https://motion.mk/wp-content/uploads/2023/11/earth.jpeg);
  --earth-tilt: rotate(90deg);
  --earth-day: 100;
  --earth-color: #b3caff;
  --mars-image: url(https://motion.mk/wp-content/uploads/2023/11/mars.jpeg);
  --mars-tilt: rotate(90.2deg);
  --mars-day: 200;
  --mars-color: #c07158;
  --jupiter-image: url(https://www.jpl.nasa.gov/spaceimages/images/largesize/PIA07782_hires.jpg);
  --jupiter-tilt: rotate(90deg);
  --jupiter-day: 100;
  --jupiter-color: #c9b5a4;
  --saturn-image: url(https://motion.mk/wp-content/uploads/2023/11/saturn.jpeg);
  --saturn-tilt: rotate(26.7deg);
  --saturn-day: 10.7;
  --saturn-color: #f0e2c4;
  --uranus-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/332937/uranus2.jpg);
  --uranus-tilt: rotate(97.8deg);
  --uranus-day: 17.2;
  --uranus-color: #b8d8e1;
  --neptune-image: url(https://motion.mk/wp-content/uploads/2023/11/neptune.png);
  --neptune-tilt: rotate(90.3deg);
  --neptune-day: 70.6;
  --neptune-color: #5e73bb;
  --pluto-image: url(https://motion.mk/wp-content/uploads/2023/09/pluto.jpeg);
  --pluto-tilt: rotate(90deg);
  --pluto-day: 153.3;
  --pluto-color: #c3b6aa;
  --sun-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/332937/sun.jpg);
  --sun-tilt: rotate(0deg);
  --sun-day: 600;
  --sun-color: #cc9f4c;
}

@keyframes planetRotate {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: -200% center;
  }
}

.card {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  left:5%;
  
 
}
.card--mercury .planet__atmosphere {
  box-shadow: inset 10px 0px 12px -2px rgba(255, 255, 255, 0.2), inset -70px 0px 50px 0px black, -5px 0px 10px -4px var(--mercury-color);
}
.card--mercury .planet__surface {
  background-image: var(--mercury-image);
  transform: var(--mercury-tilt) scale(1.2);
  animation: planetRotate calc(var(--mercury-day)*.1s) linear infinite;
}
.card--mercury .card__planet::before {
  transform: var(--mercury-tilt) scale(1.2);
  border-color: var(--mercury-color);
  color: var(--mercury-color);
}
.card--mercury .tilt__icon {
  transform: var(--mercury-tilt);
  color: var(--mercury-color);
}
.card--venus .planet__atmosphere {
  box-shadow: inset 10px 0px 12px -2px rgba(255, 255, 255, 0.2), inset -70px 0px 50px 0px black, -5px 0px 10px -4px var(--venus-color);
}
.card--venus .planet__surface {
  background-image: var(--venus-image);
  transform: var(--venus-tilt) scale(1.2);
  animation: planetRotate calc(var(--venus-day)*.1s) linear infinite;
}
.card--venus .card__planet::before {
  transform: var(--venus-tilt) scale(1.2);
  border-color: var(--venus-color);
  color: var(--venus-color);
}
.card--venus .tilt__icon {
  transform: var(--venus-tilt);
  color: var(--venus-color);
}
.card--earth .planet__atmosphere {
  box-shadow: inset 10px 0px 12px -2px rgba(255, 255, 255, 0.2), inset -70px 0px 50px 0px black, -5px 0px 10px -4px var(--earth-color);
}
.card--earth .planet__surface {
  background-image: var(--earth-image);
  transform: var(--earth-tilt) scale(1.2);
  animation: planetRotate calc(var(--earth-day)*.1s) linear infinite;
}
.card--earth .card__planet::before {
  transform: var(--earth-tilt) scale(1.2);
  border-color: var(--earth-color);
  color: var(--earth-color);
}
.card--earth .tilt__icon {
  transform: var(--earth-tilt);
  color: var(--earth-color);
}
.card--mars
.planet__atmosphere {

  box-shadow: inset 10px 0px 12px -2px rgba(255, 255, 255, 0.2), inset -70px 0px 50px 0px black, -5px 0px 10px -4px var(--mars-color);
  
}
.card--mars .planet__surface {
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/mars_texture.jpg);
  transform: var(--mars-tilt) scale(1.2);
  animation: planetRotate calc(var(--mars-day)*.1s) linear infinite;
}
.card--mars .card__planet::before {
  transform: var(--mars-tilt) scale(1.2);
  border-color: var(--mars-color);
  color: var(--mars-color);
}
.card--mars .tilt__icon {
  transform: var(--mars-tilt);
  color: var(--mars-color);
}
.card--jupiter .planet__atmosphere {
  box-shadow: inset 10px 0px 12px -2px rgba(255, 255, 255, 0.2), inset -70px 0px 50px 0px black, -5px 0px 10px -4px var(--jupiter-color);
}
.card--jupiter .planet__surface {
  background-image: var(--jupiter-image);
  transform: var(--jupiter-tilt) scale(1.2);
  animation: planetRotate calc(var(--jupiter-day)*.1s) linear infinite;
}
.card--jupiter .card__planet::before {
  transform: var(--jupiter-tilt) scale(1.2);
  border-color: var(--jupiter-color);
  color: var(--jupiter-color);
}
.card--jupiter .tilt__icon {
  transform: var(--jupiter-tilt);
  color: var(--jupiter-color);
}
.card--saturn .planet__atmosphere {
  box-shadow: inset 10px 0px 12px -2px rgba(255, 255, 255, 0.2), inset -70px 0px 50px 0px black, -5px 0px 10px -4px var(--saturn-color);
}
.card--saturn .planet__surface {
  background-image: var(--saturn-image);
  transform: var(--saturn-tilt) scale(1.2);
  animation: planetRotate calc(var(--saturn-day)*.1s) linear infinite;
}
.card--saturn .card__planet::before {
  transform: var(--saturn-tilt) scale(1.2);
  border-color: var(--saturn-color);
  color: var(--saturn-color);
}
.card--saturn .tilt__icon {
  transform: var(--saturn-tilt);
  color: var(--saturn-color);
}
.card--uranus .planet__atmosphere {
  box-shadow: inset 10px 0px 12px -2px rgba(255, 255, 255, 0.2), inset -70px 0px 50px 0px black, -5px 0px 10px -4px var(--uranus-color);
}
.card--uranus .planet__surface {
  background-image: var(--uranus-image);
  transform: var(--uranus-tilt) scale(1.2);
  animation: planetRotate calc(var(--uranus-day)*.1s) linear infinite;
}
.card--uranus .card__planet::before {
  transform: var(--uranus-tilt) scale(1.2);
  border-color: var(--uranus-color);
  color: var(--uranus-color);
}
.card--uranus .tilt__icon {
  transform: var(--uranus-tilt);
  color: var(--uranus-color);
}
.card--neptune .planet__atmosphere {
  box-shadow: inset 10px 0px 12px -2px rgba(255, 255, 255, 0.2), inset -70px 0px 50px 0px black, -5px 0px 10px -4px var(--neptune-color);
}
.card--neptune .planet__surface {
  background-image: var(--neptune-image);
  transform: var(--neptune-tilt) scale(1.2);
  animation: planetRotate calc(var(--neptune-day)*.1s) linear infinite;
}
.card--neptune .card__planet::before {
  transform: var(--neptune-tilt) scale(1.2);
  border-color: var(--neptune-color);
  color: var(--neptune-color);
}
.card--neptune .tilt__icon {
  transform: var(--neptune-tilt);
  color: var(--neptune-color);
}
.card--pluto .planet__atmosphere {
  box-shadow: inset 10px 0px 12px -2px rgba(255, 255, 255, 0.2), inset -70px 0px 50px 0px black, -5px 0px 10px -4px var(--pluto-color);
}
.card--pluto .planet__surface {
  background-image: var(--pluto-image);
  transform: var(--pluto-tilt) scale(1.2);
  animation: planetRotate calc(var(--pluto-day)*.1s) linear infinite;
}
.card--pluto .card__planet::before {
  transform: var(--pluto-tilt) scale(1.2);
  border-color: var(--pluto-color);
  color: var(--pluto-color);
}
.card--pluto .tilt__icon {
  transform: var(--pluto-tilt);
  color: var(--pluto-color);
}
.card--sun .planet__atmosphere {
  box-shadow: inset 10px 0px 12px -2px rgba(255, 255, 255, 0.2), inset -70px 0px 50px 0px black, -5px 0px 10px -4px var(--sun-color);
}
.card--sun .planet__surface {
  background-image: var(--sun-image);
  transform: var(--sun-tilt) scale(1.2);
  animation: planetRotate calc(var(--sun-day)*.1s) linear infinite;
}
.card--sun .card__planet::before {
  transform: var(--sun-tilt) scale(1.2);
  border-color: var(--sun-color);
  color: var(--sun-color);
}
.card--sun .tilt__icon {
  transform: var(--sun-tilt);
  color: var(--sun-color);
}

.card__planet::before {
  content: "";
  position: absolute;
  height: 300px;
  z-index: -2;
  top: 0%;
  border-left: 1px dashed rgba(255, 255, 255, 0.25);
  
}

.planet__atmosonmars {
  height: 200px;
  width: 200px;
  position: relative;
  background: radial-gradient(circle at 30% 50%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 65%);
  border-radius: 200%;
  overflow: hidden;
  
   box-shadow: inset 10px 0px 12px -2px rgba(255, 255, 255, 0.2), inset -40px 0px 50px 0px black, -5px 0px 10px -4px var(--mars-color);
  
  
  
  
}




.planet__atmosphere {
  height: 1200px;
  width: 1200px;
  position: relative;
  background: radial-gradient(circle at 30% 50%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 65%);
  border-radius: 200%;
  overflow: hidden;
}

@media only screen and (max-width: 400px) {
    
    
    
 .planet__atmosphere {
  height: 500px;
  width: 500px;
    
    
}
}


.planet__surface {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-size: cover;
}

.card--sun .planet__atmosphere {
  box-shadow: 0px 0px 10px 0px var(--sun-color), 0px 0px 1000px -2px var(--sun-color);
}/* End custom CSS */